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「奇数」または「ゼブラ」か何か。あなたが決心して奇妙な色を青に変えるなら、あなたのクラス名は本当に奇妙です：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: ...;
}