Класс полоса для 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>

Мне нравится добавлять класс «серый» в один из двух дива и сделать его зебры! jquery пожалуйста!

Answer 1

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

Делайте в голову, что «серый» не является семантическим классом. Лучший идентификатор звонка «странно» или «зебра» или что-то в этом роде. Если вы решите свой разум и измените странный цвет в синий цветное значение, будет реальным странным: 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: ...;
}