Question

我需要在成功调用ajax后删除一个表行，不知道该怎么做。这是我的代码：

function closelead(rowid){
            var rowid1 = rowid;
            alert(rowid1);
            var parent = $(this).parent();
            $.ajax({
                type: "POST",
                url: "ajax/close.php",
                data: "rowid="+ rowid1,

                success: function(html){


                }
            });

            }

<tr><td><input type="button" onclick="closelead(<?php echo $leadlist['ID'];?>)" value="Close" class="searchbutton" /></td></tr>

Answer 1

您可以使用closest()查找包含所点击按钮的行，并使用remove()删除按钮行。

success: function(html){
       $(this).closest('tr').remove();
}

Answer 2

Onclick是1999年......

$('#closelead').on('click', function() {
    var $row = $(this).parent().parent();
    var rowid = $(this).data("row-id");
    $.ajax({
        type: "POST",
        url: "ajax/close.php",
        data: "rowid=" + rowid,
        success: function() {
            $row.remove();
        }
    });
});

将HTML更改为此。

<tr><td><button id="closelead" class="searchbutton" data-row-id="<?php echo $leadlist['ID'];?>">Close</button></td></tr>

DEMO

Answer 3

查看您已经声明var parent = $(this).parent();的代码。成功使用ajax后，使用parent.parent().remove(); 这也很容易理解。

Answer 4

使用remove().

$(this).closest('tr').remove();

Answer 5

看一下Jquery remove - 它会起作用

jQuery删除$ .ajax成功的表行

5 个答案: