如何从执行的操作中删除表中的行

时间:2015-05-06 06:45:30

标签: jquery

我创建了一个表,其中包含从服务器重新获取的响应对象。

如果取消选中该复选框,我该如何删除从表中删除该特定行?

这是我的代码

$(document).on('change', 'input[type="checkbox"]', function() {
    var $this = $(this);
    var id = $(this).attr('id');
});

http://jsfiddle.net/vxe2d2hh/10/

你可以让他们知道如何做到这一点。

1 个答案:

答案 0 :(得分:3)

您可以使用this.checked确定当前复选框的已检查状态。如果为false,则使用.closest("tr").remove()遍历到最近的tr以删除它:

$(document).on('change', 'input[type="checkbox"]', function() {
 var $this = $(this);
 if(!this.checked)
    $(this).closest('tr').remove();
});

<强> Working Demo