点击后，从另一个div中添加/删除类

我正在寻找按下链接时从另一个div添加/删除类。我已经搜索了几个答案并在网上搜索，但无法找到适合我的答案。点击后，从另一个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。

来源

2015-03-08 Connor

SO其中是jquery/js的代码？ – 2015-03-08 20:50:18

@u_mulder我没有包含来自我的页面的所有代码，但是我确实包含了jQuery库。 – Connor 2015-03-09 03:35:38

@Connor：虽然你有权选择任何你认为正确的答案，但优先选择那些先回答的答案并且他们也是正确的。 Alexandander的答案和我的工作一样好，但是如果他们不适合你，这可能是因为'.on（）'方法需要jQuery v1.7 +，并且您可能会使用旧版本。只是为了记录。 – JFK 2015-03-09 15:46:12

http://jsfiddle.net/te7brkmj/
的 '点击' 和“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 -->

来源

2015-03-08 20:55:10

结束了工作，谢谢！ – Connor 2015-03-09 03:33:41

你可以做

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

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

来源

2015-03-08 20:51:40 JFK

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

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

来源

2015-03-08 20:55:25 shmuli

我不知道如果我理解你的问题，但我想你问过类似的问题作为this..Check了下面的链接，你可以通过文件得到的类名。 getElementsByClassName（'Class name'）。

Remove class from elements in pure Javascript?

来源

2015-03-08 20:55:58 Sid

点击后，从另一个div中添加/删除类

回答

相关问题