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();​

DEMO： http://jsfiddle.net/F937n/

Answer 2

如果总是希望隐藏第4个之后的所有行，那么假设您的nth-child

，则标准CSS browser supported it不会更干净

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

当然jQuery等价物也可以在旧浏览器上运行：

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