用jQuery去除表格行的最佳方法是什么？

2018-05-30 08:12:44

你是对的：

$('#myTableRow').remove();

这工作正常，如果你的行有一个id ，如：

<tr id="myTableRow"><td>blah</td></tr>

如果你没有id ，你可以使用任何jQuery的选择器。

@Eikern

如果你要使用jQuery，请使用jQuery man！

$('#myTable tr').click(function(){
    $(this).remove();
    return false;
});

假设你在表格中的数据单元格内有一个按钮/链接，类似这样的事情可以做到这一点......

$(".delete").live('click', function(event) {
    $(this).parent().parent().remove();
});

这将删除被点击的按钮/链接的父级父项。你需要使用parent（），因为它是一个jQuery对象，而不是一个普通的DOM对象，并且你需要使用parent（）两次，因为按钮位于一个数据单元内部，它位于一行内部......这是你想要删除什么。 $（this）是点击的按钮，所以只需要这样的东西只会删除按钮：

$(this).remove();

虽然这将删除数据单元格：

    $(this).parent().remove();

如果你只想点击行上的任何地方来删除它，就可以工作。您可以轻松修改此选项以提示用户或仅在双击时进行工作：

$(".delete").live('click', function(event) {
    $(this).parent().remove();
});

希望有所帮助......我自己也努力了一下。

链接地址: http://www.djcxy.com/p/3931.html

上一篇: What is the best way to remove a table row with jQuery?

下一篇: How do search engines deal with AngularJS applications?