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

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

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

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


当前回答

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

它应该看起来像这样:

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

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

其他回答

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

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

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

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

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

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

如果是我,我可能会把它归结为一个选择器:

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

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

它应该看起来像这样:

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

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

对不起,这是很晚的回复。

我发现删除任何行(和所有其他行通过迭代)的最简单的方法是这样的

$ (' # rowid ', ' # tableid ') .remove ();

剩下的很简单。

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

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