Stripe-Klasse für div

Question

habe ich eine lange Liste von mehreren div ... sagen wir mal 20 div

Alle Wrap in einer anderen ..

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

Ich mag in einer von zwei div class „grau“ hinzufügen und machen es Zebra! jquery bitte!

Answer 1

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

Do daran, dass ‚grau‘ sind keine semantischen Klassennamen. Bessere Anruf-ID ‚ungerade‘ oder ‚Zebra‘ oder so etwas. Wenn Sie Ihren Verstand bilden würden und die ungeraden Farbe Ihrer Klassennamen zu blau ändern wären echte seltsam: P

Answer 2

jQuery macht es fast so einfach wie es sein kann:

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

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

Answer 3

Wenn Sie nicht über ältere Versionen von IE ist es egal, können Sie diese mit CSS alleine tun:

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

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