如何获取活动链接的ID

Question

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

我在考虑像

这样的东西

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

但遗憾的是，这不起作用。

Bootply

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

See Demo

Answer 2

试试这个

$(function(){
  alert( $('li.active a').prop('id') );
});