clase raya para div

Question

Tengo una larga lista de múltiples div ... digamos 20 div

Todo envoltura en otro ..

<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>

me gusta agregar la clase "gris" en uno de cada dos div y que sea de la cebra! jQuery por favor!

Answer 1

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

Do cuenta que 'gris' no es un nombre de clase semántica. Mejor llama id 'extraña' o 'cebra' o algo así. Si desea tomar una decisión y cambiar el color azul extraño para su nombre de clase sería verdadera extraño: P

Answer 2

jQuery hace que sea casi tan fácil como puede ser:

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

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

Answer 3

Si no se preocupan por las versiones antiguas de IE, se puede hacer esto con CSS solo:

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

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