1

成功调用 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>
4

5 回答 5

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>

演示

于 2012-12-04T06:26:49.360 回答
2

您可以使用最接近（）找出包含单击按钮的行，并使用remove()删除按钮行。

success: function(html){
       $(this).closest('tr').remove();
}
于 2012-12-04T06:17:57.647 回答
1

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

于 2012-12-04T06:22:47.937 回答
0

利用remove().

$(this).closest('tr').remove();
于 2012-12-04T06:19:32.653 回答
0

看看 Jquery remove - 它会做的伎俩

于 2012-12-04T06:22:11.383 回答