如何获取活动链接的ID [英] How to get the ID of an active link

问题描述

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

I'd like to display the ID of the active link in my navbar through an alert, but I'm not sure how to do this with my current Bootstrap 3 classes.

我在想类似的东西

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

但不幸的是，这行不通.

but sadly that doesn't work.

引导

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" -->

推荐答案

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

You need to find the child of the li not the li itself, also why not use the class in the selector instead of using hasClass:

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

请参见演示

这篇关于如何获取活动链接的ID的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！