धारी वर्ग div

Question

के लिए मैं कई div की एक लंबी सूची है ...

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

मैं एक में वर्ग "ग्रे" जोड़ना चाहते मान लीजिए कि 20 div

एक दूसरे के सभी रैप जाने .. दो div में से और इसे ज़ेबरा बनाओ! कृपया jquery कृपया!

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

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

Answer 1

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

मन क्या है कि 'ग्रे' एक अर्थ classname नहीं है:

Answer 2

jQuery यह सिर्फ के बारे में के रूप में आसान यह हो सकता है के रूप में आता है। बेहतर कॉल आईडी 'विषम' या 'ज़ेबरा' या कुछ। आप अपना मन बना और नीले रंग के लिए अजीब रंग बदल चाहते हैं, तो आपके classname असली अजीब होगा: पी

Answer 3

आप IE के पुराने संस्करणों के बारे में परवाह नहीं है, तो आप इस सीएसएस का उपयोग कर अकेले कर सकते हैं:

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

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