jQuery扩展嵌套ul

Question

我试图基于页面设置活动li元素

我有这样的HTML代码

                <li><a href="@Url.Action("Index", "Orders")" class=""><i class="lnr lnr-layers"></i> <span>Orders</span></a></li>
                <li><a href="@Url.Action("Index", "Clients")" class=""><i class="lnr lnr-user"></i> <span>Clients</span></a></li>
                <li>
                    <a href="#adds" data-toggle="collapse" class="collapsed"><i class="lnr lnr-rocket"></i> <span>Adds</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                    <div id="adds" class="collapse ">
                        <ul class="nav">
                            <li><a href="@Url.Action("Mobile", "Adds")" class="">Mobile</a></li>
                            <li><a href="@Url.Action("Push", "Adds")" class="">Push</a></li>
                        </ul>
                    </div>
                </li>

和脚本

<script type="text/javascript">
$(function () {
    var page = location.pathname;
    if (page == "/admin") {
        var menuItem = $('nav a[href="/admin/dashboard"]');
        menuItem.addClass('active');
    } else {
        var controller = page.split("/")[2];
        var menuItem = $('nav a[href*="' + controller + '"]');
        menuItem.addClass('active');
    }
})

但是我可以使用嵌套菜单做什么？ 如何使用jQuery扩展它？ 我试图使用诸如menuItem.parent().parent().toggle()但它对我没有用

Answer 1

我认为bootstrap将类添加到div.collapse来进行切换，所以尝试这段代码我认为它将起作用

('.collapse').toggleClass('in');

要么

menuItem.parent().parent().parent().toggleClass('in');

Answer 2

我认为您正在寻找.closest() 。

menuItem.closest('.collapse').addClass('active');