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

close()を使用してクリックされたボタンを含む行を検索し、remove()を使用してボタンの行を削除できます。

success: function(html){
       $(this).closest('tr').remove();
}
于 2012-12-04T06:17:57.647 に答える
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 に答える
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 に答える