©
本文档使用 PHP中文网手册 发布
选择同属于一个父元素之下,并且标签名相同的子元素中的第n个。
因为jQuery的实现:nth-是严格来自CSS规范,n值是“1-indexed”,也就是说,从1开始计数。对于所有其他选择器表达式比如:eq() 或 :even ,jQuery遵循JavaScript的“0索引”的计数。
这个不寻常的用法,可进一步讨论中找到W3C CSS specification.
匹配子元素序号
必须为整数,注意从1开始而不是0
匹配所有偶数元素
匹配所有奇数元素
使用特殊公式如(an + b)进行选择. 例如:nth-of-type(3n+2) 从第二个具此标签元素开始,匹配每个3的倍数的元素
查找每个span,这个 span 是 其所有兄弟span元素中的第二个元素。
<div> <span>John</span> <b>Kim</b> <span>Adam</span> <b>Rafael</b> <span>Oleg</span> </div> <div> <b>Dave</b> <span>Ann</span> </div> <div> <i><span>Maurice</span></i> <span>Richard</span> <span>Ralph</span> <span>Jason</span> </div> $("span:nth-of-type(2)");