Stripe class for div

Question

I have a long list of multiple div... let's say 20 div

All wrap in another one..

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

i like to add class "grey" in one out of two div and make it zebra ! jquery please !

Actually your old code was fine. Your new one is invalid because you have duplicate IDs. — casablanca, Dec 13 '10 at 15:27
In fact, you don't need the xyz class at all. If all elements inside another element have the same class you might as well remove it and select them by `#main > div`. — Stephan Muller, Dec 13 '10 at 15:28
not ALL MY CODE... work with OTHER code... have to life and get thing done... — menardmam, Dec 13 '10 at 15:29
Are you saying this is code you can't change, but it does have multiple id's? That's a tough job to be in, I've been there and it's annoying. Still, my answer should work :) — Stephan Muller, Dec 13 '10 at 15:35

Stephan Muller · Accepted Answer · 2013-09-30T09:27:42.833

6

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

Do mind that 'grey' is not a semantic classname. Better call id 'odd' or 'zebra' or something. If you'd make up your mind and change the odd color to blue your classname would be real strange :P

edited Sep 30 '13 at 09:27

answered Dec 13 '10 at 15:22

Stephan Muller

27,018
16
85
126

score 2 · Answer 2 · answered Dec 13 '10 at 15:21

2

jQuery makes it just about as easy as it can be:

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

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

answered Dec 13 '10 at 15:21

Nathan MacInnes

11,033
4
35
50

score 1 · Answer 3 · answered Dec 13 '10 at 15:24

1

If you don't care about older versions of IE, you can do this using CSS alone:

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

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

answered Dec 13 '10 at 15:24

casablanca

69,683
7
133
150

i care !... must be ie6 friendly ! – menardmam Dec 13 '10 at 15:25
unfortunately even IE8 doesn't support this.. big bummer. – Stephan Muller Dec 13 '10 at 15:26

Stripe class for div

3 Answers3

Linked

Related