Puis-je compter les éléments en utilisant jQuery?

Question

J'ai une liste dans un ul qui se trouve dans un répéteur ASP. La liste est définie pour déborder avec une barre de défilement et afficher uniquement 16 li à la fois. Y at-il une fonction de comptage jQuery que je peux utiliser qui me permettrait de sélectionner tous les «16ème» li et y ajouter une classe spécifique?

La sélection de la dernière ne fonctionnera pas car la 16e div n'est pas la dernière div puisqu'elle est dans un répéteur.

Answer 1

Oui il y a, c'est ce qu'on appelle :nth-child.

Exemple:

$("ul li:nth-child(16n)").addClass("sixteenth"); 

Answer 2

Si vous souhaitez appliquer la classe à chaque élément après le 16 e vous pouvez utiliser :gt(index) sélecteur.

$("ul li:gt(16)").addClass("CLASS_NAME"); 

rappelez-vous: gt,: lt etc Les sélecteurs utilisent l'index zéro.

pour 16 ^e sû vous pouvez utiliser :nth-child(index)

$("ul li:nth-child(16)").addClass("CLASS_NAME"); 

rappeler : nième enfant sélecteurs 1 pour utiliser la base premier élément.

Answer 3

Vous pouvez essayer une fonction .each:

$("ul li").each(function(index, domEle) { 
    if (index%16==0) { 
      $(domEle).addClass("CLASS_NAME"); 
    } 
});