如何循环遍历每个 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);
});
最佳答案
尝试一下
$("#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>
关于jquery - 使用 Jquery 从 div 开始循环遍历 li ul 中的 href 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17540420/