2009-12-09 3 views
1

J'ai des tables n sur une page. J'ai besoin de passer par chaque table sur la page et dans chaque table je dois ajouter une classe aux rangées mais pas aux 5 premières rangées.JQuery tr ajouter une classe après les 5 premières lignes

Mes js actuelles:

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

Cela passe par et me dit combien de tr j'ai dans chaque ligne. Cependant, je dois aller ensuite à travers chaque ligne et si la ligne actuelle est plus que la 5ème rangée, puis ajouter des classes à elle ..

Alors, espérons que je reçois le texte suivant:

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

Répondre

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

Remarque : la pseudo-classe :gt(n) est basée sur zéro donc les cinq premières lignes sont o à 4.

Questions connexes