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

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。