jquery delete label on response
In the below code i send a json request for delete_st() on response i need that particular label and the two <br>
to be removed.How can this be done
<script>
function manage_profiles()
{
var html = '<div name="tlist" id="list"><b>Profile</b><br><br>';
{% for groupid,empname,uid in response_dict.emp_arr%}
if('{{empid}}' == id)
{
html+='<label id={{uid}}>{{empname}} <img class=center src="/images/delete.jpg" onclick="javascript:var a=delete_st({{uid}})" /></label><br><br>';
}
{% endfor %}
html += '</div>';
html+='<input type="hidden" id="update_id" />';
html+='</div>';
$dialog.html(html)
.dialog({
autoOpen: true,
position: 'center' ,
title: 'profile',
draggable: false,
width : 550,
height : 300,
resizable : false,
modal : true,
buttons: { "Update" : function() {
var ret=validate(2,this);return ret;
},"C开发者_如何学Cancel" : function() { $(this).dialog("close"); }}
});
$dialog.dialog('open');
}
try this:
<script type="text/javascript">
function manage_profiles()
{
var html = '<div name="tlist" id="list"><b>Profile</b><br><br>';
{% for groupid,empname,uid in response_dict.emp_arr%}
if('{{empid}}' == id) {
html+='<label class="delete-st-reference" id={{uid}}>{{empname}} <img class=center src="/images/delete.jpg" /></label><br><br>';
}
{% endfor %}
html += '</div>';
html += '<input type="hidden" id="update_id" />';
html += '</div>';
var delete_st_model = function(ev) {
ev.stopPropagation();
var id = $(this).attr('id');
alert("I'm going to delete this record : " + id );
$(this).remove();
return false;
};
$dialog.html(html);
$dialog.find("label.delete-st-reference").bind("click", delete_st_model);
$dialog.dialog( {
autoOpen: true,
position: 'center' ,
title: 'profile',
draggable: false,
width : 550,
height : 300,
resizable : false,
modal : true,
buttons: {
"Update" : function() { var ret=validate(2,this);return ret; },
"Cancel" : function() { $(this).dialog("close"); }
}
});
$dialog.dialog('open');
}
</script>
精彩评论