jquery - jQueryが交互の色の行を設定

Question

私の質問に対する具体的な答えを探しています。そして、これは、divの量を含む行があります（動的に設定されます）。私が欲しいのは、代わりに div (3 div) の背景が次のような別の色に設定されていることです: これは CSS 奇数および偶数疑似クラスで実行できますか、それとも jQuery で実行する必要がありますか?

Answer 1

これをCSSに追加することでこれを行うことができます..foo:nth-child(n+3)

更新しました：

ul li:nth-child(6n+4),
ul li:nth-child(6n+5),
ul li:nth-child(6n+6) {
  border: 1px solid red;
}

^ 私はファンではありませんが、うまくいきます。

http://codepen.io/pacMakaveli/pen/JdWYoM

Answer 2

以下を使用して実行できます。

li:nth-child(6n),
li:nth-child(6n - 1),
li:nth-child(6n - 2) {background: red;}

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
  <li>Item 11</li>
  <li>Item 12</li>
  <li>Item 13</li>
  <li>Item 14</li>
  <li>Item 15</li>
</ul>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
</ul>

Answer 3

td:nth-child(3n) を追加して試してみてください。