如何获取活动链接的 ID

Question

我想通过警报在导航栏中显示活动链接的 ID，但我不确定如何使用当前的 Bootstrap 3 类来执行此操作。

我在想类似的事情

alert( $('li').hasClass( "active" ).attr('id') );

但遗憾的是这不起作用。

引导层

HTML：

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">

                <div class="collapse navbar-collapse navHeaderCollapse">

                    <ul class="nav navbar-nav navbar-right">

                        <li class = "active"><a id = "tab1" href = "#" >Link1</a></li>
                        <li><a id="tab2" href = "#">Link2</a></li>
                        <li><a id = "tab3" href = "#" >Link3</a></li>

                    </ul><!-- END: "collapse navbar-collapse navHeaderCollapse" -->
                </div><!-- END: "container" -->
            </div><!-- END: "container" -->
</div><!-- END: "navbar navbar-inverse navbar-fixed-top" -->

Answer 1

您需要找到而li不是其li本身的子级，为什么不在选择器中使用该类而不是使用hasClass：

alert($('li.active a').attr('id'));

查看演示