如何从每个子元素中选择第一个元素？

Question

在以下的html代码中，我如何选择'a'元素来匹配'Item 2_1'、'Item 3_1'等。

<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a>
    <ul>
        <li><a href="#">Item 2_1</a></li>
        <li><a href="#">Item 2_2</a></li>
        <li><a href="#">Item 2_3</a></li>
        <li><a href="#">Item 2_4</a></li>
    </ul>
</li>
<li><a href="#">Item 3</a>
    <ul>
        <li><a href="#">Item 3_1</a></li>
        <li><a href="#">Item 3_2</a></li>
    </ul>
</li>
</ul>

- AaA

---

在给定的HTML中，下面两种解决方案都是正确的，但是您周围的标记将决定采用哪种方式... - Niklas Wulff

Answer 1

$('li ul li:first-child a');

我们选择第二级 ul (li ul)，然后选择每个 ul 中的第一个 li，并检索其中的 a。

- Matt

Answer 2

类似这样的

$('ul li ul li:first-child a');

应该可以完成这项工作。

- Johannes Klauß