通过多个选项卡导航以显示哪个是活动类

时间:2017-05-26 12:03:00

标签: jquery

我有4个导航角色,里面包含多个标签,其中一个是

<div class="tslcNav" role="navigation">
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            <li><a href="index.html">Home</a></li>
            <li><a href="mng.html">Manage</a></li>
            <li><a href="risk.html">Risk Assesment</a></li>
            <li><a href="security.html">Security Setup</a></li>
        </ul>
    </div>
</div>

我编写的代码显示了jquery中的活动类,如下所示

<script type="text/javascript">
    $(function() {
        var pgurl = window.location.href.substr(window.location.href
                .lastIndexOf("/") + 1);
        $(".tslcNav ul li a").each(
                function() {
                    if ($(this).attr("href") == pgurl
                            || $(this).attr("href") == '')
                        $(this).closest('li').addClass("active");
                })
    });
</script>

如果我在内部索引包含多个选项卡,其他mng,风险和安全性包含多个选项卡,我应该如何编写代码。我应该如何编写代码以显示哪个是活动类只在一个文件中实现代码模块化。

1 个答案:

答案 0 :(得分:0)

根据您的代码,如果它包含任何active类标签,则会返回。

get_active = $("ul.nav li a.active");

你可以根据DOM结构修改它......