使用jQuery,如何删除表中除第一行外的所有行?这是我第一次尝试使用索引选择器。如果我正确地理解了这些例子,以下应该可以工作:

$(some table selector).remove("tr:gt(0)");

我将其理解为“在jQuery对象中包装一些表,然后删除所有'tr'元素(行),其中这些行的元素索引大于零”。实际上,它执行时不会产生错误,但不会从表中删除任何行。

我错过了什么,我该如何修复?当然,我可以直接使用javascript,但我有这么多的乐趣与jQuery,我想用jQuery来解决这个问题。


当前回答

我认为考虑到意图,这更具有可读性:

$('someTableSelector').children( 'tr:not(:first)' ).remove();

使用子元素还可以通过限制搜索深度来解决第一行包含表的情况。

如果你有一个TBODY元素,你可以这样做:

$("someTableSelector > tbody:last").children().remove();

如果你有THEAD或TFOOT元素,你需要做一些不同的事情。

其他回答

$('#table tr').slice(1).remove();

我记得这个“切片”比所有其他方法都要快,所以就放在这里吧。

效果很好

$("#myTable tbody").children( 'tr:not(:first)' ).html("");

另一种实现方法是使用jQuery的empty()函数和表中的thead和tbody元素。

表格的例子:

<table id="tableId">
<thead>
    <tr><th>Col1</th><th>Col2</th></tr>
</thead>
<tbody>
    <tr><td>some</td><td>content</td></tr>
    <tr><td>to be</td><td>removed</td></tr>
</tbody>
</table>

jQuery命令:

$("#tableId > tbody").empty();

这将删除表的tbody元素中包含的每一行,并将头部元素保留在应有的位置。当您只想刷新表的内容时,它可能很有用。

你的选择器不需要在你的移除中。

它应该看起来像这样:

$("#tableID tr:gt(0)").remove();

这意味着选择表中除ID为tableID的第一行外的每一行,并将它们从DOM中删除。

这应该可以工作:

$(document).ready(function() {
   $("someTableSelector").find("tr:gt(0)").remove();
});