jquery - jQuery 動的型パターンで各 li に特定の背景色を与える

Question

li が進行するときに特定の背景色を取得できるようにするコードが必要です。

たとえば、5 色があります。

青 赤 緑 黄 橙

リーがこの特定のパターンに従い、5 つ以上のリーがある場合、6 番目が再び青色になり、シーケンスを続行するようにする必要があります。

したがって、次のようになります。青、赤、緑、黄、オレンジ、青、赤など..

前もって感謝します。

Answer 1

これを試して：

li:nth-of-type(5n+1){background-color:blue;}
li:nth-of-type(5n+2){background-color:red;}
li:nth-of-type(5n+3){background-color:green;}
li:nth-of-type(5n+4){background-color:yellow;}
li:nth-of-type(5n+5){background-color:orange;}

ここでフィドル。

Answer 2

この目的のために、nth-child css セレクターを使用できます。

http://www.w3schools.com/cssref/sel_nth-child.asp

例 2 を見てください

式 (an + b) を使用します。説明: a はサイクル サイズ、n はカウンター (0 から開始)、b はオフセット値を表します。

ここでは、インデックスが 3 の倍数であるすべての p 要素の背景色を指定します。

p:nth-child(3n+0)
{
background:#ff0000;
}