jQuery 练习[二]: 获取对象(2) - 定位子对象

获取每组第奇数个, 如(nth-child 是 1 起): $("li:nth-child(odd)")

<ul>
　　　　<li>AAA</li>
　　　　<li>BBB</li>
　　　　<li>CCC</li>
　　　　<li>DDD</li>
　　　　<li>EEE</li>
　　　　<li>FFF</li>
　　　　<li>GGG</li>
</ul>
<ul>
　　　　<li>111</li>
</ul>
<ul>
　　　　<li>XXX</li>
　　　　<li>YYY</li>
　　　　<li>ZZZ</li>
</ul>　

获取每组第几个, 譬如第 2 个(nth-child 是 1 起): $("li:nth-child(2)")

<ul>
　　　　<li>AAA</li>
　　　　<li>BBB</li>
　　　　<li>CCC</li>
　　　　<li>DDD</li>
　　　　<li>EEE</li>
　　　　<li>FFF</li>
　　　　<li>GGG</li>
</ul>
<ul>
　　　　<li>111</li>
</ul>
<ul>
　　　　<li>XXX</li>
　　　　<li>YYY</li>
　　　　<li>ZZZ</li>
</ul>　

用表达式指示每组的第几个, 如(nth-child 是 1 起): $("li:nth-child(3n-1)")

<ul>
　　　　<li>AAA</li>
　　　　<li>BBB</li>
　　　　<li>CCC</li>
　　　　<li>DDD</li>
　　　　<li>EEE</li>
　　　　<li>FFF</li>
　　　　<li>GGG</li>
</ul>
<ul>
　　　　<li>111</li>
</ul>
<ul>
　　　　<li>XXX</li>
　　　　<li>YYY</li>
　　　　<li>ZZZ</li>
</ul>　

如果是父元素中唯一的子元素, 如: $("li:only-child")

<ul>
　　　　<li>AAA</li>
　　　　<li>BBB</li>
　　　　<li>CCC</li>
　　　　<li>DDD</li>
　　　　<li>EEE</li>
　　　　<li>FFF</li>
　　　　<li>GGG</li>
</ul>
<ul>
　　　　<li>111</li>
</ul>
<ul>
　　　　<li>XXX</li>
　　　　<li>YYY</li>
　　　　<li>ZZZ</li>
</ul>　

:not 是对其他选择的取反, 如: $("li:not(li:first-child)")

<ul>
　　　　<li>AAA</li>
　　　　<li>BBB</li>
　　　　<li>CCC</li>
　　　　<li>DDD</li>
　　　　<li>EEE</li>
　　　　<li>FFF</li>
　　　　<li>GGG</li>
</ul>
<ul>
　　　　<li>111</li>
</ul>
<ul>
　　　　<li>XXX</li>
　　　　<li>YYY</li>
　　　　<li>ZZZ</li>
</ul>　

编缉推荐阅读以下文章

• jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配
• jQuery 练习[二]: 获取对象(1) - 基本选择与层级
• jQuery 练习[一]: 准备工作