classe Stripe pour div

Question

J'ai une longue liste de plusieurs div ... disons 20 div

Tous wrap dans un autre ..

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

i comme dans une classe d'ajouter "gris" sur deux div et en faire zèbre! jquery s'il vous plaît!

Answer 1

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

Est-ce que l'esprit 'gris' n'est pas un nom de classe sémantique. Mieux vaut appeler id "impair" ou "zèbre" ou quelque chose. Si vous voulez faire votre esprit et changer la couleur étrange de bleu de votre classname serait réelle étrange: P

Answer 2

jQuery fait à peu près aussi facile que possible:

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

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

Answer 3

Si vous ne se soucient pas les anciennes versions de IE, vous pouvez le faire seul ce en utilisant le CSS:

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

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