JQuery tr 在前 5 行后添加类

Question

我在一个页面上有 n 个表。我需要遍历页面上的每个表格，并且在每个表格中我需要向行添加一个类，但不是前 5 行。

我当前的js:

$('.selector').each(function(){
   var trCount = $("tbody > tr", this).size();
   alert(trCount);
});

这会遍历并告诉我每行有多少个 tr。但是我需要遍历每一行，如果当前行超过第五行，则向其添加类..

所以希望我能得到以下内容:

<table class='selector'>
<tr><td>A</td></tr>
<tr><td>A</td></tr>
<tr><td>A</td></tr>
<tr><td>A</td></tr>
<tr><td>A</td></tr>
<tr class='hidden'><td>A</td></tr>
<tr class='hidden'><td>A</td></tr>
<tr class='hidden'><td>A</td></tr>
<tr class='hidden'><td>A</td></tr>
<tr class='hidden'><td>A</td></tr>
</table>

Answer 1

$("table").each(function() {
  $("tr:gt(4)", this).addClass("hidden");
});

注意::gt(n) 伪类是从零开始的，因此前五行是 o 到 4。