选择<a> inside div</a>

时间:2013-05-16 10:32:57

标签: jquery html if-statement

我想选择活动类的URL的ID。

情况是这样的:

<ul id="links">
 <li id="active"> <a href="#" id="3"> </li>
 <li id="">       <a href="#" id="2"> </li>
 <li id="">       <a href="#" id="3"> </li>
</ul>

jQuery的:

if (jQuery("#links li").is('#active')) {
          *do this*
}

jQuery需要获取LI获得ID“活动”的A的ID,但我无法弄清楚如何执行此操作。 这有可能实现吗?

2 个答案:

答案 0 :(得分:5)

var id = jQuery("#links li#active a").attr("id");

演示--> http://jsfiddle.net/xtzj7/

答案 1 :(得分:1)

发布的答案是正确的,虽然我对某些人提到的'.id'属性不太确定......

需要注意的一点是,HTML元素的id属性在整个enitre DOM中应该是唯一的。因此,如果您要将多个li分配给active,请将其转换为类属性。您的代码将如下所示:

<ul id="links">
    <li class="active"><a href="#" id="1"></li>
    <li><a href="#" id="2"></li>
    <li><a href="#" id="3"></li>
</ul>

然后,要检索a activeli标记的ID,请使用以下内容:

var id = $('li.active a').attr('id');

有关详细信息,请参阅attr属性here的文档。

此外,attr()方法可用于从HTML元素中提取任何属性信息。例如,如果您想获取href而不是id,请使用以下内容:

var href = $('li.active a').attr('href');