找到另一种使用 jQuery 获取 li 元素的 a.href 的方法？答案

【问题标题】：Find another way to get a.href of li elment with jQuery?找到另一种使用 jQuery 获取 li 元素的 a.href 的方法？
【发布时间】：2012-11-22 07:23:20
【问题描述】：

我有一个 HTML 波纹管：

<ul class="tabs">
    <li><a href="#doc-new">Home</a></li>
    <li class="active"><a href="#doc-fav">Profile</a></li>
    <li><a href="#doc-read">Messages</a></li>
</ul>

我想获得<a> 的<li> 的href 元素具有“活动”类

我有一个这样的查询：

//get current tab
$('ul.tabs li > a').click(function () {

    var t = $('ul.tabs li:[class="active"]').next().children().attr('href'); 
    alert(t);
});

它的工作，但我想找到另一个比我更好的查询。

谢谢！

【问题讨论】：

不知道为什么这里需要next()方法？

标签： jquery children attr

【解决方案1】：

你可以用这个

var t =  $('ul.tabs li.active a').attr('href'); 
alert(t);

DEMO

【讨论】：

【解决方案2】：

使用选择器中的类

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

jQuery API 选择器部分也提供了非常丰富的示例。这不是一个很难弄清楚的选择器

API 参考：http://api.jquery.com/category/selectors/

【讨论】：

【解决方案3】：

$(".tabs li").find(".active").next().attr("href");

【讨论】：

【解决方案4】：

检查这个..

 //get current tab
    $('ul.tabs li > a').click(function () {

        var t = $('ul.tabs li:[class="active"]').find("a").attr('href'); 
        alert(t);
    });

【讨论】：

【解决方案5】：

如果您想为单击的“a”获取“HREF”。

你可以这样做

$('ul.tabs li > a').click(function () {

alert($(this).attr('href'));
})

【讨论】：

【解决方案6】：

$("li a.active").attr("href");

【讨论】：

【解决方案7】：

var href = $("ul.tabs").find("li.active").find("a").attr("href");
alert(href);

【讨论】：

【解决方案8】：

试试这个

$('ul.tabs li > a').click(function () {
   if($(this).parent().hasClass("active")){
      alert(this.href);
   }
});

【讨论】：