Question

考虑以下代码：

<tr>
<td>
<input type="checkbox" name="20081846" value="20081846" class="chk-input">
</td>
<td>20081846</td>
<td>AGONOY, JAY TAN</td>
</tr>

假设我在一张表中有N个（具有不同的数据集）。我的计划是，如果用户检查输入框，它将删除用户被选中。我用这个JQUERY

得到了它

var del_users = function(btn,chk,url) {
$(btn).click(function(){
    $(chk).each(function(){
        if($(this).attr('checked') == 'checked') {
            //pass code data
        }
    });
});
}

哪个有效，我只需要执行删除数据的功能。

我的下一个问题是，一旦数据被删除，我希望在显示中删除表中显示的行。除了刷新整个条目，有没有办法有选择地删除选中的“tr”元素？

Answer 1

$(chk).each(function(){
    if($(this).prop('checked') === true) {
         $(this).closest('tr').remove();
    }
});

Answer 2

使用漂亮的动画删除行：

if($(this).attr('checked') == 'checked') {
    //pass code data
    var $row = $(this).closest('tr');
    $row.slideUp('fast',function() {
        $row.remove();
    });
}

您没有发布您的ajax代码，否则我会将删除代码添加到成功回调中（请记住关闭！）

JQUERY：动态AJAX和html元素删除

2 个答案: