Classe di banda per div

Question

Ho una lunga lista di div più ... diciamo 20 div

Tutti avvolgere in un altro ..

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

Mi piace aggiungere classe "grigia" in uno su due div e renderlo Zebra! jquery per favore!

Answer 1

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

Do mente che 'grigia' non è un nome di classe semantica. Meglio chiamare id 'strano' o 'zebra' o qualcosa del genere. Se desideri portare la vostra mente e cambiare il colore strano blu vostro nomeclasse sarebbe vero e proprio strano: P

Answer 2

jQuery rende quasi così facile come può essere:

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

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

Answer 3

Se non si cura di vecchie versioni di IE, si può fare questo usando i CSS solo:

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

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