2009-12-09 37 views
1

我在頁面上有n個表。我需要瀏覽頁面上的每個表格,並且在每張表格中,我需要向行中添加一個類,但不是前5行。JQuery tr在第5行之後添加類

我現在的JS:

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

此經過,並告訴我,我有多少TR的各有一行。不過,我需要再經過各行,如果當前行是比第5行更多然後添加類吧..

所以希望我得到如下:

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

回答

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

注::gt(n)僞類是基於零的,所以前五行是0到4.