JQUERY:动态 AJAX 和 html 元素删除

JQUERY: Dynamic AJAX and html element removal

本文关键字：html 元素 删除 AJAX 动态 JQUERY      更新时间：2023-09-26

请考虑以下代码：

<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"元素？

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

漂亮动画的行：

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

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

相关文章：