jQuery:奇数和:nth-​​child CSS3不同

时间:2012-04-06 14:30:34

标签: jquery css css3 jquery-selectors css-selectors

我发现jQuery:奇数选择器和CSS3 nth-child(奇数)的工作方式不同。 http://jsfiddle.net/TMDwT/5/

黄色是CSS nth-child(奇数),如果你取消注释JS和评论背景:CSS中的黄色,你会发现它以另一种方式发现。

有人能说我如何在jQuery中获得与CSS3相同的结果吗?

谢谢!

1 个答案:

答案 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)之间的差异),它们仍然不会匹配相同的元素。