jquery - パターンに4色を使用したさまざまな背景色

Question

私は4色のセットを持っていますが、これらの4色をループとして使用して、パターンのdivの色を変更できるかどうか疑問に思っています。したがって、たとえば：

div1=赤div2=青div3=緑div4=黄色[最初からやり直す]div5=赤div2=青div3=緑...など。

jQuery/JSが最適だと思います。n番目の子などを使ってみましたが、それほど堅牢ではありません。

何か助けはありますか？

ありがとう、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/