使用jquery获取descent li anchor标签文本

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树中向下移动一级。为您创建了一个片段：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;