javascript - 带有 UL 和 LI Bootstrap 的动态菜单

Question

我正在寻找 ul 的 li 父级。

我想要的 ul 将具有 class="level3 dropdown-menu dynamic"。

当我找到类似的东西时，我将需要向它添加另一个类。要添加到 li 的类的父级将为 class="dropdown-submenu"。

我如何使用 jquery 做到这一点？我已经尝试了一些，但没有一个能按我想要的方式工作。按照自动生成的菜单的代码，也按照创建菜单的jquery。

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<a href="#Menu2_SkipLink" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;">Skip Navigation Links</a>
<div id="Menu2" style="float: left;">
    <ul class="level1 nav navbar-nav static" tabindex="0" role="menubar" style="position: relative; width: auto; float: left;">
        <li class="dropdown-toggle open" aria-haspopup="Menu2:submenu:2" role="menuitem" style="">
            <a class="popout level1 static" href="javascript:;" tabindex="-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Services</a>
            <ul class="level2 dropdown-menu dynamic" id="Menu2:submenu:2" style="">
                <li class="dropdown-toggle" aria-haspopup="Menu2:submenu:3" role="menuitem" style="">
                    <a class="popout level2 dynamic" href="#" tabindex="-1">Consulting</a>
                    <ul class="level3 dropdown-menu dynamic" id="Menu2:submenu:3" style="">
                        <li role="menuitem" class="dynamic" style="">
                            <a class="level3 dynamic" href="dutsourcing.aspx" tabindex="-1">Teste de SubMenu</a>
                        </li>
                    </ul>
                </li>
                <li role="menuitem" class="dynamic" style="">
                    <a class="level2 dynamic" href="Outsourcing.aspx" tabindex="-1">Outsourcing</a>
                </li>
            </ul>
        </li>
    </ul>
</div>
<div style="clear: left;">
</div>
<a id="Menu2_SkipLink"></a>

和 Jquery:

 Sys.WebForms.Menu._elementObjectMapper.getMappedObject = function () {
            return false;
        };
        $(function () {
            //Remove the style attributes.
            $(".navbar-nav li, .navbar-nav a, .navbar-nav ul").removeAttr('style');

            //Apply the Bootstrap class to the Submenu.
            $(".dropdown-menu").closest("li").removeClass().addClass("dropdown-toggle");

            //Apply the Bootstrap properties to the Submenu.
            $(".dropdown-toggle").find("a").eq(0).attr("data-toggle", "dropdown").attr("aria-haspopup", "true").attr("aria-expanded", "false");

            //Apply the Bootstrap "active" class to the selected Menu item.
            $("a.selected").closest("li").addClass("active dropdown-submenu");
            $("a.selected").closest(".dropdown-toggle").addClass("active dropdown-submenu");

        });

Answer 1

https://api.jquery.com/parent/

$( "li" ).parent( ".level3 dropdown-menu dynamic" ).addClass( "dropdown-submenu" );

是这样吗？