jquery - jQuery-4番目以降のすべてのテーブル行を選択します

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