我有一个jquery对话框,其中有“+”按钮,它将添加行和“bin”符号,这将删除行。所有看起来都很好,直到这里,但当我关闭并重新打开对话框时,它仍然有添加的行,而应该重置为只有一行“+”和“bin”符号。
<table id="table1" style="table-layout: fixed" class="reptable">
<tr class="firstclass" id="school0">
<td ><input type="text" id="rollnum" name="rollnum" class="rollClass" maxlength="20"/></td>
<td ><select id="school" name="school" multiple="multiple" style="width: 95px; size: 50px" size="3" class="schoolClass"></td>
<td><img src="<c:url value="/images/add_small.png"/>" id="btnAdd1" class="addImg"/></td>
<td><img src="images/delete_small.png" id="btnDelete1" class="delImg"/></td >
</tr>
<tr class="secondclass" id="college0">
<td ><input type="text" id="rollnum" name="rollnum" class="rollClass" maxlength="20"/></td>
<td ><select id="college" name="college" multiple="multiple" style="width: 95px; size: 50px" size="3" class="schoolClass"></td>
<td><img src="<c:url value="/images/add_small.png"/>" id="btnAdd1" class="addImg"/></td>
<td><img src="images/delete_small.png" id="btnDelete1" class="delImg"/></td >
</tr>
$('#school-dialog').dialog({
//autoOpen : true,
height : 800,
width : 950,
modal : true,
dialogClass : "schools",
title : 'School and College',
closeOnEscape : true,
open : function(event){
$('#school-dialog').show();
},
close : function(event) {
$("#school-dialog").dialog("destroy");
}
});
对此有任何帮助表示赞赏。
答案 0 :(得分:0)
给所有学校class="school"
和所有大学class="college"
。然后你可以删除除了第一行之外的所有行:
close: function(event) {
$("#table1 tr.school:gt(0), #table1 tr.college:gt(0)").remove();
$("#school-dialog").dialog("destroy");
}