jQuery |無法獲得活動選項卡的href

Question

我正在嘗試使用jQuery獲取當前活動選項卡的href，但它似乎不起作用。

這裏是我的html

 <div class="profile"> 
     <div class="tabbable-line tabbable-full-width"> 
      <ul id="tabs" class="nav nav-tabs"> 
       <li class="active"> 
        <a href="#tab_1_1" data-toggle="tab"> Overview </a> 
       </li> 
       <li> 
        <a href="#tab_1_2" data-toggle="tab"> Loan Details </a> 
       </li> 
       <li> 
        <a href="#tab_1_3" data-toggle="tab"> Edit Details </a> 
       </li> 
       <li> 
        <a href="#tab_1_6" data-toggle="tab"> Delete Account </a> 
       </li> 

本網站上搜索了一段時間

我試圖做後：

var data = $("#tabs li.active").prop("href"); 
alert(data); 

也：

var data = $(".profile li.active").prop("href"); 
alert(data); 

但兩者的他們讓我出去作爲undefined

我在這裏做錯了什麼？

Answer 1

您的選擇器中沒有針對<a>元素。

嘗試

var data = $(".profile li.active a").prop("href"); 
alert(data); 

或

var data = $("#tabs li.active a").prop("href"); 
alert(data); 

Answer 2

HREF不李元素的屬性，所以你會得到在您的數據變量udefined。您應該指向您的選擇標籤，如下圖所示：

var data = $("#tabs li.active a").prop("href"); 
alert(data); 

Answer 3

我認爲使用ATTR（）是更好的，綁定一個事件是更好的。

var data = $(".profile li.active a").attr("href"); 
alert(data); 

Answer 4

與attr()而非prop()試試這個。

var href= $($('ul#tabs>li.active').find('a')[0]).attr("href"); 
alert(href); 

Answer 5

那麼，你不是定位到錨標籤試試這個。

$(document).ready(function(){ 
    $('.active').click(function(){ 
     var href = $('a').attr('href'); 
     alert(href); 
    }); 
});