clase de raya div

Question

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

todo film 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 añadir la clase "gris" en una de dos div y hazlo cebra! jquery por favor!

Answer 1

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

Haz cuenta que 'gris' no es un nombre de clase semántica. Mejor llame a id 'impar' 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: ...; 
}