我发现jQuery:奇数选择器和CSS3 nth-child(奇数)的工作方式不同。 http://jsfiddle.net/TMDwT/5/
黄色是CSS nth-child(奇数),如果你取消注释JS和评论背景:CSS中的黄色,你会发现它以另一种方式发现。
有人能说我如何在jQuery中获得与CSS3相同的结果吗?
谢谢!
答案 0 :(得分:6)
是的,:odd和:nth-child(odd)不是一回事:
:odd
匹配匹配元素中的奇数项,即您将选择器应用到的jQuery对象的内容,
:nth-child(odd)
匹配各自父母中的奇数项 。
这与:first
和:first-child
或:last
和:last-child
之间存在相同的差异。
更新:由于zzzzBov和BoltClock正确地指出,:odd
选择器从零开始,但:nth-child()
选择器是基于一的。这意味着即使您将两个选择器应用于元素的完整子列表(从而消除:odd
和:nth-child(odd)
之间的差异),它们仍然不会匹配相同的元素。