JQuery / CSS - 为未排序的列表项添加颜色

Question

有人可以帮我用JQuery创建以下效果吗？：

我在网页上有几个无序列表：

<ul><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li></ul><ul><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li></ul>

我想使用JQuery应用CSS类来创建以下内容：

<ul><li>01</li><li class="color">02</li><li class="color">03</li><li>04</li><li>05</li><li class="color">06</li><li class="color">07</li><li>08</li></ul><ul><li>01</li><li class="color">02</li><li class="color">03</li><li>04</li><li>05</li><li class="color">06</li><li class="color">07</li><li>08</li></ul>

（非常感谢 - 提前） - Jhollywood

Answer 1

$("ul li").each(function(i) {
if(i % 3 == 0) $(this).addClass("color");
});

根据需要调整mod操作，你的例子有点误导。

Answer 2

试试这个：

$("ul > li").filter(":nth-child(4n-2), :nth-child(4n-1)").each(function() {
    $(this).addClass("color");
});