获取所有父标记的数组后查找子标记

时间:2015-05-23 04:19:36

标签: javascript jquery html

我有一个无序列表,每个项目都是

<span>
    <span>
        <img />
        <a />
        <b />
    </span>
</span>

节点内部还有其他数据,但我无法发布。 我的问题是我需要获得一些属性,即第一个<span><a>标记。

我可以通过

成功获得第一个跨度
$NeighborhoodSpans = $(sNeighborhoodHTML).find('span');

$(sNeighborhoodHTML)是html列表

然后,我这样迭代:

$NeighborhoodSpans.each(function ()
{
}

我无法获得'a'标签。我试过了

$neighborhoodAnchorTag = $(this).html().filter('a');
$Hi = $(this).html();
$neighborhoodAnchorTag = $Hi.find('a');

但是jquery说.find和.filter不是对象支持的函数。

有人可以帮助我在第一个<span>标记中获取<a>标记中属于<span>标记的属性吗?

1 个答案:

答案 0 :(得分:2)

如果您有类似

的内容
<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

$('li').each(function(){
    console.log($(this).find('> span:first > span > a').text());
});