JQuery is odd even in a nested list

Question

JQuery

$("li:even div").removeClass("odd even").addClass("odd");
$("li:odd div").removeClass("odd even").addClass("even");

As you can see in the fiddle, odd / even is not working correctly, what am I doing wrong?

+5

Ruben May 15, '12 at 9:31

3 answers

Here is a working example

target immediate children (divs)

$("li:even > div").removeClass("odd even").addClass("odd");
$("li:odd > div").removeClass("odd even").addClass("even");

+6

$("li:even > div").removeClass("odd even").addClass("odd");
$("li:odd > div").removeClass("odd even").addClass("even");

+1

Nildarar May 15 '12 at 9:43

Adam Lukaszczyk · Accepted Answer · 2012-05-15T09:35:59+0000

look li:even>divinsteadli:even div

$("li:even>div").removeClass("odd even").addClass("odd");
$("li:odd>div").removeClass("odd even").addClass("even");