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

但是它们都给我输出为未定义

我在这里做错了什么？

Answer 1

您的目标不是 <a>选择器中的元素。

尝试

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

或

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