jquery - jQuery - 选择第四个之后的所有表格行

Question

是否可以选择第 4 行之后的表的所有行？我想隐藏其余的。

<table class="mytable">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>

<tr><td></td></tr>
<tr><td></td></tr>
</table>

Answer 1

您可以使用:gt()选择器：

$(".mytable tr:gt(3)").hide();​

另一种选择是使用slice()方法：

$(".mytable tr").slice(4).hide();​

演示：http: //jsfiddle.net/F937n/

Answer 2

如果您总是希望隐藏第 4 行之后的所有行，那么nth-child假设您的浏览器支持它，标准 CSS 不会更干净：

.mytable tr:nth-child(n+5) {
    display:none;
}​​​​​

当然，等效的 jQuery 也可以在较旧的浏览器上运行：

$('.mytable tr:nth-child(n+5)​​​​​​​​​​​​​​​​​​​​​​​​​​​').hide();​​​​​