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

j'aime ajouter la classe « gris » dans un cas sur deux div et de le rendre zèbre! jquery s'il vous plaît!

Answer 1

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

Ca ne me dérange que « gris » n'est pas un nom de classe sémantique. Mieux appeler id « étrange » 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 cela en utilisant CSS:

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

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