javascript - ループによる異なるクラスの追加

Question

いくつかのli要素があり、1 番目、4 番目、7 番目、2 番目、5 番目、8 番目、3 番目、6 番目、9 番目にクラス分けする必要があります。

これはできますか？

Answer 1

これで済むはず…

var classes = ["first_group", "second_group", "third_group"];

$("li").addClass(function(i) {
    return classes[i % 3];
});​
​

jsFiddle .

Answer 2

:nth-child()セレクターを使用できます：

$("li:nth-child(3n+1)").addClass("one");
$("li:nth-child(3n+2)").addClass("two");
$("li:nth-child(3n+3)").addClass("three");

デモ: http://jsfiddle.net/vDTWn/