jquery - 在图案中使用四种颜色的不同背景颜色

Question

我有一组四种颜色，我想知道是否可以使用这四种颜色作为循环来更改模式中 div 的颜色。因此，例如：

div1 = 红色 div2 = 蓝色 div3 = 绿色 div4 = 黄色 [重新开始] div5 = 红色 div2 = 蓝色 div3 = 绿色...等等。

我认为 jQuery/JS 会是最好的。我尝试使用 nth-childs 等，但没有那么强大。

有什么帮助吗？

谢谢，R

Answer 1

你可以只用 CSS 来做到这一点：

div:nth-child(4n+1) { background-color : red; }
div:nth-child(4n+2) { background-color : blue; }
div:nth-child(4n+3) { background-color : green; }
div:nth-child(4n+4) { background-color : yellow; }

演示：http: //jsfiddle.net/RLmgD/

但如果你真的想要 jQuery：

$(document).ready(function() {
    $("div:nth-child(4n+1)").css("background-color","red");
    $("div:nth-child(4n+2)").css("background-color","blue");
    $("div:nth-child(4n+3)").css("background-color","green");
    $("div:nth-child(4n+4)").css("background-color","yellow");
});

演示：http: //jsfiddle.net/RLmgD/1/