Question

我想在按下链接时从另一个div添加/删除一个类。我搜索过几个答案并在网上搜索但找不到适合我的答案。

这是我的代码：

<nav id="primary-menu"> <a class="menu-toggle">Browse</a>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Rumors</a></li>
        <li><a href="#">Tutorials</a></li>
        <li><a href="#">Miscellaneous</a></li>
    </ul>
</nav> <!-- end #primary-menu -->

我希望在点击active时将课程#primary-menu添加到.menu-toggle。

对于JS / jQuery，我已经尝试了click，toggle，toggleClass，我尝试了内联代码，我尝试过外部脚本。似乎没有任何作用，我不确定为什么。

我非常感谢您的回复。 PS：我对JS / jQuery不是最好的。

Answer 1

http://jsfiddle.net/te7brkmj/ 这种'click'和'toggleClass'的组合对我有用。

$('.menu-toggle').click( function() {
    $("#primary-menu").toggleClass("someClass");
} );

试试这个：

$('.menu-toggle').click( function() {
    $("#primary-menu").toggleClass("someClass");
} );

.someClass{
    color: red;    
}

   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<nav id="primary-menu">

<a class="menu-toggle">Browse</a>

    <ul>

        <li><a href="#">Home</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Rumors</a></li>
        <li><a href="#">Tutorials</a></li>
        <li><a href="#">Miscellaneous</a></li>

    </ul>

</nav> <!-- end #primary-menu -->

Answer 2

你可以做到

$(".menu-toggle").on("click", function(){
    $(this).parent("#primary-menu").toggleClass("active");
});

注意：.on()需要jQuery v1.7 +

Answer 3

首先确保你已经加载了jQuery。然后尝试这样的事情：

 $( document ).ready(function() {
        $( "li" ).click(function() {
            $( "#primary-menu" ).toggleClass( "active" );
        });
    });

Answer 4

我不确定我是否理解您的问题，但我认为您提出了类似的问题。请查看以下链接，您可以通过Document.getElementsByClassName（'Class name'）获取类名。

Remove class from elements in pure Javascript?

单击时，从另一个div添加/删除类

4 个答案: