Jquery查找所有子链接

时间:2013-03-20 14:48:14

标签: jquery

在jquery中,我可以找到所有li的内容,如此

$("#myid").closest('li').html())

如何在myid li中找到所有href?

这是我的HTML

<div id="myid">

            <li> <a href="show1">showroom1</a> </li>
            <li> <a href="show2">showroom2</a> </li>
            <li> <a href="show3">showroom3</a> </li>

            </div>

此代码$("#myid").closest('li').html())为我提供了showroom1,showroom2和showroom3。如果我想获得hrefs,我该怎么做呢?像show1,show2和show3。

我试过了

($("#myid").closest('li').closest('a').attr('href'))

但它从未奏效。我得到了不确定。

由于

2 个答案:

答案 0 :(得分:2)

您可以使用.each()迭代列表项,然后使用.attr('href')找到href值。

$('#myid li').each(function(){
    console.log( $(this).find('a').attr('href') );
});

<强> jsFiddle example

答案 1 :(得分:1)

使用find方法,然后遍历find

返回的项目
$(function(){  
   var allAs=$("#myid li").find("a");
   $.each(allAs,function(index,item){
      alert($(item).attr("href"));
   }); 
});

jsfiddle示例:http://jsfiddle.net/xPa8m/3/