2

私は以下の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>

'active'クラスの要素の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);
});

それはうまくいきましたが、私は自分よりも優れた別のクエリを見つけたいと思っています。

ありがとう ！

4

8 に答える 8

2

あなたはこれを使うことができます

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

デモ

于 2012-11-22T07:25:53.507 に答える
1

セレクターでクラスを使用する

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

jQuery APIセレクターのセクションは、例も含めて非常に有益です。これは理解するのが難しいセレクターではありません

APIリファレンス： http ：//api.jquery.com/category/selectors/

于 2012-11-22T07:26:14.893 に答える
0 
$(".tabs li").find(".active").next().attr("href");
于 2012-11-22T07:25:58.517 に答える
0

これをチェックして.. 

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

        var t = $('ul.tabs li:[class="active"]').find("a").attr('href'); 
        alert(t);
    });
于 2012-11-22T07:27:02.727 に答える
0

クリックされた「a」の「HREF」を取得したい場合。

あなたはこれを行うことができます

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

alert($(this).attr('href'));
})
于 2012-11-22T07:27:37.030 に答える
0 
$("li a.active").attr("href");
于 2012-11-22T07:27:39.497 に答える
0 
var href = $("ul.tabs").find("li.active").find("a").attr("href");
alert(href);
于 2012-11-22T07:43:59.910 に答える
0

これを試して

$('ul.tabs li > a').click(function () {
   if($(this).parent().hasClass("active")){
      alert(this.href);
   }
});
于 2012-11-22T08:25:58.487 に答える