具有UL和LI Bootstrap的动态菜单

时间:2015-12-31 14:05:18

标签: javascript jquery html css twitter-bootstrap

我希望得到li的{​​{1}}父母。

我想要的ulul

当我发现这样的事情时,我需要为它添加另一个类。要添加到class="level3 dropdown-menu dynamic"的班级的父级将为li

如何使用jquery执行此操作?我尝试了一些,没有按照我想要的方式工作。按照自动生成的菜单代码,也按照创建菜单的jquery进行操作。

class="dropdown-submenu"

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

2 个答案:

答案 0 :(得分:0)

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

        $(&#34; li&#34;)。parent(&#34; .level3 dropdown-menu dynamic&#34;)。addClass(   &#34;下拉-子菜单&#34; );      

是吗?

答案 1 :(得分:0)

好吧,经过你的代码mHenderson测试后,我终于得到了答案!

 $(function () {
            $("ul.level3").parent("").addClass("dropdown-submenu");
        });

谢谢