jquery - 更改 bootstrap 3 下拉菜单的兄弟姐妹 li 背景颜色

Question

HTML

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li>
            <a href="#about">User01</a>
        </li>
        <li>
            <a href="#contact">Profile</a>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#" data-toggle="dropdown">
             Dropdown
            <b class="caret"></b>
            </a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#">User Control01</a>
                    </li>
                    <li>
                        <a href="#">User Control02</a>
                    </li>
                    <li>
                        <a href="#">User Control03</a>
                    </li>
                </ul>
         </li>
         <li>
             <a href="#contact">Link</a>
         </li>
     </ul>
</div>

当单击下拉链接更改User01和Profile li 背景颜色时，我想要这样；

点击下拉链接；

如何使用 bootstrap 3 下拉菜单执行此操作？

Answer 1

您可以为以前的兄弟姐妹切换引导.active类：

$(".dropdown").click(function(){
    $this).prevAll().toggleClass("active");
});

示例：http: //jsfiddle.net/52VtD/362/