addClass chaque nième

J'ai une liste d'éléments que je veux style de 3 manières différentes.

Je veux que chaque 3ème élément de la liste à la même classe tout au long de l'ensemble de la liste.

Par exemple:

<li class="A">Some Content</li>
<li class="B">Some Content</li>
<li class="C">Some Content</li>
<li class="A">Some Content</li>
<li class="B">Some Content</li>
<li class="C">Some Content</li>
<li class="A">Some Content</li>
<li class="B">Some Content</li>
<li class="C">Some Content</li>

Je peux faire 2 avec :pair/impair, mais comment le faire avec 3?

OriginalL'auteur davebowker | 2009-08-11

  1. 45

    essayer 

    $("ul li:nth-child(3n+1)").addClass("A")
$("ul li:nth-child(3n+2)").addClass("B")
$("ul li:nth-child(3n)").addClass("C")

    Hésitez pas à le consolider de façon à la rendre plus jolie, mais je voulais exposer les sélecteurs.

    Pour en faire une solution de travail d'usage: $('ul li:nth-child(3n)').addClass('chaque tiers-point-class');
    voir la modifier, je l'ai changé d'adresse à l'ensemble de son inquiétude (quoique longhanded)
    Merci Marc. C'est exactement ce que je voulais.
    Pour être honnête, j'étais juste en étant pointilleux sur le manque des guillemets simples 🙂 bien que soulignant l' +n notation rend la réponse complète.
    oups! bon oeil, a manqué ces. @davebowker - content d'avoir pu aider

    OriginalL'auteur Marc

  2. 2

    Je recommande quelque chose comme ceci:

    var i = 0;
$("li").each(function() {
    var newClass = 'A';
    if (i % 3 == 1) newClass = 'B';
    if (i % 3 == 2) newClass = 'C';
    $(this).addClass(newClass);
});
    cela ne fonctionne pas... supprimer la première ligne et ajouter le "je" dans ....each(function(i)....

    OriginalL'auteur VoteyDisciple