jQuery odd 甚至在嵌套列表中 - jQuery odd even on nested list

jQuery odd even on nested list

本文关键字：嵌套列表 odd jQuery | 更新日期: 2023-09-27

jQuery：

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

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

正如您在小提琴中看到的那样，奇数/偶数无法正常工作，我做错了什么？

这是一个工作示例

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

目标直系子级（div）

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

查看li:even>div而不是li:even div

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

你可以使用这个： http://jsfiddle.net/hashie5/vk6rZ/

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