jquery - div のストライプ クラス

Question

複数の div の長いリストがあります... 20 div としましょう

すべてが別のものにラップされます..

<div id="main">
 <div class="xyz"> text text </div>
 <div class="xyz"> text text </div>
 <div class="xyz"> text text </div>
 <div class="xyz"> text text </div>
 <div class="xyz"> text text </div>
.... etc
</div>

2 つの div のうちの 1 つにクラス「グレー」を追加して、ゼブラにするのが好きです! jqueryください！

Answer 1

$('.xyz:odd').addClass('grey');

「灰色」はセマンティックなクラス名ではないことに注意してください。ID を「odd」または「zebra」などと呼んだ方がよいでしょう。あなたが決心して奇妙な色を青に変更すると、あなたのクラス名は本当に奇妙なものになるでしょう:P

Answer 2

jQuery を使用すると、可能な限り簡単に実行できます。

$('#main>div.xyz:even').addClass('grey');

http://api.jquery.com/even-selector/

Answer 3

古いバージョンの IE を気にしない場合は、CSS のみを使用してこれを行うことができます。

.xyz:nth-child(odd) {
  background-color: ...;
}

.xyz:nth-child(even) {
  background-color: ...;
}