javascript - 如何从 div 容器中提取某些 <a> 元素？

Question

我正在进行一个项目，需要我提取某些 <a>来自 div 容器的元素(可以是对象类型)。通过使用 JavaScript，我可以获得所有 <a>来自 div 的对象。但问题是，我只想要<ul>“第一层”中的对象，而不是另一个 <ul> 中包含的内容在其 <li> 之一内.

例如，在下面的代码中，我只想要 AAA、BBB、CCC、DDD。不是 CCC-sub1 也不是 CCC-sub2。如何通过 javascript/jquery 实现此目的？

非常感谢您的帮助!谢谢。

<div id="sampleList">

<ul>

<li>
<a href="a.html">AAA</a>
</li>

<li>
<a href="b.html">BBB</a>
</li>

<li>
<a href="c.html">CCC</a>

    <ul>
        <li>
        <a href="c-sub1.html">CCC-Sub1</a>
        </li>

        <li>
        <a href="c-sub2.html">CCC-Sub2</a>
        </li>
    </ul>

</li>


</li>
<a href="d.html">DDD</a>
</li>

</ul>

</div>

Answer 1

自从您标记此 jQuery 以来:

$('#sampleList > ul > li > a');