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());
});