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

Question

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

<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>

- domino

Answer 1

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

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

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

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

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

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

- VisioN

---

.slice()不就是一个原生的Javascript方法吗（jQuery对象将其作为原生方法使用）？ - Jared Farrish

@JaredFarrish根据来源显示，jQuery使用原生的。 - VisioN

哦，你是指这里吗？;) - Jared Farrish

Answer 2

如果您希望始终隐藏第四行之后的所有行，则标准CSS nth-child 更加简洁，假设您的浏览器支持它：

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

当然，jQuery 的等效代码也可以使其在旧版浏览器上运行：

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

- andyb