如何循环使用" ul"孩子们使用JQuery?

时间:2014-08-29 12:03:27

标签: javascript jquery loops

我有一个由类标识的UL,它存储在不同的var中。 在这个UL里面我有几个li,里面每个li都有一个标签。 我希望循环遍历ul并提醒每个id(只是为了看到我设法访问ul中的所有a) - 对于这个例子,我想提醒“b”然后“ac”。

<ul class="par1">
     <li><a href="welcome.html" id="b"  target="tar">test</a></li>
     <li><a href="Register_client.aspx" id="ac" target="tar">test1</a></li>
</ul>

我试过这个:(元素是包含类名的var)

$('.' + element).children().each(alert(this));

它给了我点击的每个链接的网址,但不是两个链接(在此示例中)链接。

我在这里做错了什么?感谢

4 个答案:

答案 0 :(得分:3)

使用

$('.' + element).find('a').each(function(){ //Iterate anchor
    alert($(this).text()); //Use .text() to get its text
    alert(this.id); //Alert ID
});

答案 1 :(得分:2)

使用此

$('.' + element + ' a').each(function() {
   alert(this.id);    
});

DEMO

答案 2 :(得分:1)

$('.par1').find('li').each(function(){
  alert($(this).attr('id'));
});

答案 3 :(得分:1)

试试这个,它有效。

$('.' + element + ' > li').find("a").each(function() {
    alert($(this).attr("id"));
})