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 una su due div e fatelo zebra! jquery per favore!

Answer 1

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

fare presente 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, è possibile farlo usando i CSS solo:

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

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