Question

我正在开展一个项目，要求我从div容器中提取某些<a>元素（可以是Object类型）。通过使用JavaScript，我可以从div中获取所有<a>个对象。但问题是，我只想要<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');

Answer 2

代码：

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

Try it

如何提取某些<a> elements out of a div container?</a>

2 个答案: