05-解决方案

2.1.2　解决方案

使用直接后代组合符（ > ）。这个组合符的两边各有一个选择器表达式。例如，如果你想要选择直接在列表项下的所有锚元素，可以使用选择器 li>a 。这个选择器选择作为列表项子元素的所有锚；换句话说，选择的是所有直接处于列表项目之下的所有锚。下面是一个例子：

<a href="/category">Category</a>
<ul id="nav">
　　 <li><a href="#anchor1">Anchor 1</a></li>
　　 <li><a href="#anchor2">Anchor 2</a></li>
　　 <li><span><a href="#anchor3">Anchor 3</a></span></li>
</ul>

现在，可以调用如下的jQuery，选择每个列表项目下的锚：

jQuery('#nav li > a');
 //正如预期,上述代码选择两个元素

#nav 列表中的第三个锚没有选中，因为它不是列表项的子元素，而是 <span> 元素的子元素。