Javascript 通过循环添加不同的类

我有许多

li

元素，我需要一个到第1、第4和第7、第2、第5和第8以及第3、第6和第9的类

这可以做到吗？

这应该可以做到

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

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

.

这应该可以

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

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

.

您可以使用选择器：

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

演示：

您可以使用选择器：

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

---

演示：

visioN.tnx。。但是得到一个语法错误。你能帮我吗check@aneeshraj它应该很好用。检查您是否正确使用了代码。@VisioN:您的答案包含可怕的JSFIDLE不可见字符。就在最后一个

之后。我假设您已将代码粘贴到JSFIDLE的答案中。无论如何，不管它来自哪里，在那个位置都有一个不可见的字符，在某些浏览器中会导致语法错误。如果编辑答案，请将光标放在最后一个
（确保向右走足够远），然后按左箭头键几次，您会注意到它会暂停一次。这就是角色所在的地方。@user1689607太棒了。我第一次面对这样的情况。谢谢visioN.tnx。。但是得到一个语法错误。你能帮我吗check@aneeshraj它应该很好用。检查您是否正确使用了代码。@VisioN:您的答案包含可怕的JSFIDLE不可见字符。就在最后一个
之后。我假设您已将代码粘贴到JSFIDLE的答案中。无论如何，不管它来自哪里，在那个位置都有一个不可见的字符，在某些浏览器中会导致语法错误。如果编辑答案，请将光标放在最后一个
（确保向右走足够远），然后按左箭头键几次，您会注意到它会暂停一次。这就是角色所在的地方。@user1689607太棒了。我第一次面对这样的情况。谢谢Tnx alex:。如果您不介意的话，请您解释一下这行“返回类[i%3]；”@aneeshraj模算子。它返回除法的余数。通过将每个索引除以
3
并得到余数，我们将得到一个介于
0
和
2
之间的数字，这与数组的索引一致。Tnx-alex:。如果您不介意的话，请您解释一下这行“返回类[i%3]；”@aneeshraj模算子。它返回除法的余数。通过将每个索引除以
3
并得到余数，我们将得到一个介于
0
和
2
之间的数字，该数字与数组的索引一致。