如何提取某些 div 容器中的元素？

Question

我正在进行的一个项目需要我从 div 容器中提取某些 元素（可以是对象类型）。通过使用 JavaScript，我能够从 div 获取所有 对象。但问题是，我只想要

的“第一级”中的对象，而不是其中一个
中包含的对象
• 。

例如，在下面的代码中，我只想要 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');

Answer 2

代码：

$(function(){
  var links = $('#samplelist>ul>li>a').map(function(){
    return $(this).text();
  }).get();
  alert(links);
});

尝试一下。