jQuery lẻ ngay cả trên danh sách lồng nhau

Question

jQuery:

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

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

Như bạn có thể nhìn thấy trong fiddle, chẵn/lẻ không hoạt động đúng, những gì tôi làm sai?

Answer 1

nhìn vào li:even>div thay vì li:even div

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

Answer 2

Dưới đây là một ví dụ làm việc

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

mục tiêu trẻ em ngay lập tức (div)

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

Answer 3

Bạn có thể sử dụng này: http://jsfiddle.net/hashie5/vk6rZ/

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