使用href ID触发jQuery.toggleClass（）

下面的代码为菜单中单击的每个链接切换（插入和删除）类“menu min”。我希望此脚本仅在单击ID为#toggle窗格的链接时执行此操作。我不知道该怎么做。感谢您的帮助

<ul class="cbp-vimenu">
        <li><a href="#" class="icon-logo">&nbsp;</a></li>
        <li>
            <a href="#" class="icon-archive"><span class="menu-text"> Dashboard </span></a>
        </li>
        <li>
            <a href="#" class="icon-search"><span class="menu-text"> Search </span></a>
        </li>
        <li>
            <a href="#" class="icon-location"><span class="menu-text"> Location </span></a>
        </li>
        <li>
            <a href="#" class="icon-images"><span class="menu-text"> Images </span></a>
        </li>
        <li>
            <a href="#" class="icon-download"><span class="menu-text"> Download </span></a>
        </li>
        <li>
            <a id="toggle-pane" href="#" class="icon-pencil"><span class="menu-text"> Add Class </span></a>
        </li>
        <!-- Example for active item:
        <li class="cbp-vicurrent"><a href="#" class="icon-pencil">Pencil</a></li>
        -->
    </ul>`

`

这是我的jQuery

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
    $( ".cbp-vimenu" ).click(function() {
        $( this ).toggleClass( "menu-min" );
    });
</script>

$（“.cbp vimenu”）。单击（函数（）{
$（this.toggleClass（“菜单分钟”）；
});

仅将单击事件注册到

#切换窗格

元素，然后在内部找到

cbp vimenu

元素并切换其类

$("#toggle-pane").click(function () {
    $('.cbp-vimenu').toggleClass("menu-min");
    //or $(this).closest('.cbp-vimenu').toggleClass("menu-min");
    //I don't think you want to use closest since it doesn't look like you have many elements with class cbp-vimenu
});

参考资料

---

谢谢。这解决了我的问题。我将查找有关注册活动的信息。我是jQuery的新手。Tushar感谢您将我指向id选择器。这很有教育意义。@Cosmo欢迎您乐于帮助：）

$("#toggle-pane").click(function () {
    $(this).closest('ul.cbp-vimenu').toggleClass("menu-min");
});