Stripe dla div

Question

mam długą listę wielokrotnego dz ... powiedzmy 20 div

Wszystko okład w innym ..

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

Chciałbym dodać klasę „szary” w jednym z dwóch elementów div i uczyń go zebrą! jquery proszę!

Answer 1

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

przeszkadza, że ​​'szary' nie jest semantyczny classname. Lepszy identyfikator połączenia "dziwny" lub "zebra" lub coś podobnego. Jeśli chcesz uzupełnić swój umysł i zmienić kolor na niebieski dziwny Twój classname byłby prawdziwy dziwny: P

Answer 2

jQuery sprawia, że ​​jest prawie tak samo łatwe, jak może to być:

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

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

Answer 3

Jeśli nie dbają o starszych wersjach IE, można zrobić to samo przy użyciu CSS:

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

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