刪除tr有兩種方法

動態拼接tr的部分程式碼

$.each(data,function (i,n) {

str+="<tr id=\"tr_"+n.id+"\">";

str+="<td><input type=\"checkbox\" value=\""+n.id+"\"/></td>";

str+="<td>"+n.name+"</td>";

str+="<td>"+n.startDate+"</td>";

str+="<td>"+n.endDate+"</td>";

str+="<td>"+n.owner+"</td>";

str+="</tr>";

})

$("#tbody").html(str);

1

2

3

4

5

6

7

8

9

10

1

2

3

4

5

6

7

8

9

10

方法一

var checkboxs=$("#tbody input[type='checkbox']:checked");

$.each(checkboxs,function () {

$(this).parent().parent().remove();

})

1

2

3

4

5

1

2

3

4

5

方法二

在新增tr時，設定唯一的id

var checkboxs=$("#tbody input[type='checkbox']:checked");

$.each(checkboxs,function () {

$("#tr_"+this.value).remove();

})