jquery - 如何删除 HTML 的节点

Question

我不确定我是否可以做到这一点，如果有人有更好的方法，请告诉我。

我有一张使用 AJAX 推送到页面上的数据表。用户可以选择删除这些数据。如果没有更多数据要删除，我希望从列表中删除该行。

我不确定如何，并且想知道我是否可以删除一行没有附加到行本身的 id 的数据。

这是表中的数据行之一的样子

<tr>
  <td data-pid="2"><a data-pid="2" href="#">test</a></td>
  <td><a data-pid="2" class="manage-icon" href="#"><img alt="" src="delete.png"></a></td>
</tr>

This is what I'm using to get the id
$(this).attr('data-pid');

Answer 1

尝试

$('a[data-pid="' + pid + '"]').closest('tr').remove();

.closest()

利用

$(this).data('pid');

代替

$(this).attr('data-pid');

。数据（）

.parents()对于所有匹配的祖先元素。

closest()对于第一个最接近的匹配元素（祖先或自我）。

.closest()在您的情况下更好更快

Answer 2

你想删除那个 tr？

$(function() {
    $('img').click(function() {
        var a = $(this).parent();
        if(confirm('Delete?')) {
            var pid = a.data('pid');
            //do ajax remove;
            a.parents('tr').remove();
        }
    });
});