jquery - 使用 Jquery 从 div 开始循环遍历 li ul 中的 href 标签

Question

如何循环遍历每个 a href 元素，然后从 div Foo 开始从 href 获取文本。

基本上我想循环值 Hello、World、Acc、Sale 等。

<div id="Foo">
   <div class="Moo">
      <ul>
         <li>
            <a href="http://www.test.com/b5">Hello</a>
         </li>
         <li>
            <a href="http://www.test.com/b6">World</a>
         </li>
         <li>
            <a href="http://www.test.com/b7">Acc</a>
         </li>
         <li>
            <a href="http://www.test.com/b8">Sale</a>
         </li>
      </ul>
   </div>
</div>

啊啊啊，这种语言到底让我发疯了。这怎么行不通呢？我基本上指着对象并说循环遍历每个 A。

$('#Foo').find('.Moo ul li').find('a').each(function(){
   alert($(this).text);
});    

这也不起作用。

$('#Foo.Moo ul li a').each(function(){
   alert($(this).text);
});    

也不是这样，它们只是不断返回 javascript 而不是 a 标记的值。

('#Foo .Moo ul li a').each(function(){  
   alert($(this).text);
});  

Answer 1

尝试一下

$("#Foo .Moo ul li a").each(function(){
     alert($(this).text());
});

从你的代码来看，它可能会喜欢

$('#Foo').find('.Moo ul li').find('a').each(function(){
   alert($(this).text());
});    

它会像 .text() 而不是 .text 并且正确你的 html 就像

<div id="Foo">
<div class="Moo">
    <ul>
        <li>
        <a href="http://www.test.com/b5">Hello</a>
        <ul>                
            <li>
            <a href="http://www.test.com/b6">World</a>
            </li>
            <ul>
                <li>
                <a href="http://www.test.com/b7">Acc</a>
                </li>
                <li>
                <a href="http://www.test.com/b8">Sale</a>
                </li>
            </ul>
           </ul>
           </li>
         </ul>
        </div>
    </div>