jquery - 找到另一种使用 jQuery 获取 li elment 的 href 的方法？

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>

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

我有一个这样的查询：

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

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

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

谢谢！

score 2 · Accepted Answer

2

你可以用这个

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

演示

于 2012-11-22T07:25:53.507 回答

score 1 · Accepted Answer

使用选择器中的类

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

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

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

score 0 · Accepted Answer

0

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

于 2012-11-22T07:43:59.910 回答

score 0 · Accepted Answer

0

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

于 2012-11-22T07:25:58.517 回答

score 0 · Accepted Answer

检查这个..

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

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

score 0 · Accepted Answer

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

你可以这样做

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

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

score 0 · Accepted Answer

0

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

于 2012-11-22T07:27:39.497 回答

score 0 · Accepted Answer

尝试这个

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

jquery - 找到另一种使用 jQuery 获取 li elment 的 href 的方法？

8 回答 8

Related

Reference