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); 
    }); 
});