使用jquery得到血統li錨標記文本

Question

我有ul和li的標記。我需要做的是從直接下載li a文本中獲取文本值。預期的結果是a，b，c。 fiddle

jQuery的

$(function(){ 
$('ul').first().find(' > li').each(function(){ 
alert($('a',this).text()) 
})  
}) 

HTML

<ul> 
<li><a>a</a> 
<ul> 
<li><a>a1</a></li> 
<li><a>a2</a></li> 
</ul> 
</li> 
<li><a>b</a></li> 
<li><a>c</a></li> 

</ul> 

Answer 1

使用.children()，而不是行進單級下調DOM樹。創建一個片段給你：

$(function() { 
 
    $('ul').first().children('li').each(function() { 
 
    alert($(this).children('a').text()) 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><a>a</a> 
 
    <ul> 
 
     <li><a>a1</a> 
 
     </li> 
 
     <li><a>a2</a> 
 
     </li> 
 
    </ul> 
 
    </li> 
 
    <li><a>b</a> 
 
    </li> 
 
    <li><a>c</a> 
 
    </li> 
 
</ul>