Javascript 获取所有父标记的数组后查找子标记
我有一个无序的列表,每个项目都是Javascript 获取所有父标记的数组后查找子标记,javascript,jquery,html,Javascript,Jquery,Html,我有一个无序的列表,每个项目都是 <span> <span> <img /> <a /> <b /> </span> </span> $(sNeighborhoodHTML)是html列表 然后,我像这样迭代: $NeighborhoodSpans.each(function () { } 我拿不到a标签。我试过了 $neighborhoodAn
<span>
<span>
<img />
<a />
<b />
</span>
</span>
$(sNeighborhoodHTML)
是html列表
然后,我像这样迭代:
$NeighborhoodSpans.each(function ()
{
}
我拿不到a标签。我试过了
$neighborhoodAnchorTag = $(this).html().filter('a');
$Hi = $(this).html();
$neighborhoodAnchorTag = $Hi.find('a');
但是jquery说.find和.filter是对象不支持的函数
有人能帮我获取第一个
标签中的属性吗?如果您有类似的
<ul>
<li>
<span>
<span>
<img />
<a /> // this text will print
<b />
</span>
</span>
<span>
<span>
<img />
<a />
<b />
</span>
</span>
</li>
<li>
<span>
<span>
<img />
<a /> //and this text will print
<b />
</span>
</span>
</li>
</ul>
您是否尝试过通过id=或data-为span标记提供唯一标识符?然后使用$(“span#UniqueID”).children();您不应该得到
.html()
。如果this
是一个分支的顶部,那么您可以更改它:$(this.html().filter('a')代码>到此:$(this.find('a')代码>如需进一步帮助,请描述您在层次结构中的起点。启动时,此
的值是多少?
<ul>
<li>
<span>
<span>
<img />
<a /> // this text will print
<b />
</span>
</span>
<span>
<span>
<img />
<a />
<b />
</span>
</span>
</li>
<li>
<span>
<span>
<img />
<a /> //and this text will print
<b />
</span>
</span>
</li>
</ul>
$('li').each(function(){
console.log($(this).find('> span:first > span > a').text());
});