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不是li元素的属性，因此您将在数据变量中得到未定义 。 你应该指出 标记在您的选择器中，如下所示：

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