Как извлечь определенные <a>элементов из контейнера div?

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');

Answer 2

Код:

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

Попробуйте .