jQuery odd even on nested list

Question

jQuery:

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

http://jsfiddle.net/hashie5/vk6rZ/

As you can see in the fiddle, odd/even does not work properly, what am I doing wrong?

Answer 1

Here is a working example

http://jsfiddle.net/joycse06/vk6rZ/4/

target immediate children (divs)

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

Answer 2

look at the li:even>div instead of li:even div

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

Answer 3

You can use this: http://jsfiddle.net/hashie5/vk6rZ/

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