找到另一种方法，用jQuery获取a.href of li elment

Question

我有一个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>元素的 href <li>有"活动"类

我有一个这样的查询：

//get current tab
$('ul.tabs li > a').click(function () {
    var t = $('ul.tabs li:[class="active"]').next().children().attr('href'); 
    alert(t);
});

它有效，但是我想找到另一个比我的查询更好的查询。

谢谢！

Answer 1

你可以使用它

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

演示

Answer 2

在选择器中使用类

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

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

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

Answer 3

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

Answer 4

检查这个。

 //get current tab
    $('ul.tabs li > a').click(function () {
        var t = $('ul.tabs li:[class="active"]').find("a").attr('href'); 
        alert(t);
    });

Answer 5

如果要获取单击的"a"的"HREF"。

你可以这样做

$('ul.tabs li > a').click(function () {
alert($(this).attr('href'));
})

Answer 6

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

Answer 7

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

Answer 8

试试这个

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