條紋類的div

Question

我有多個DIV一長串......讓我們說20格

在另外一個包裹所有..

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

我喜歡在一個添加類「灰色」出兩個div，並讓它斑馬！ jquery請！

Answer 1

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

請記住， '灰色' 是不是一個語義類名。最好叫ID「奇」或「斑馬」或其他東西。如果你下定決心，改變奇數顏色爲藍色的類名是真正奇怪：P

Answer 2

的jQuery使得它只是那麼容易，因爲它可以：

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

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

Answer 3

如果你不關心舊版本的IE，你可以獨自做到這一點使用CSS：

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

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