toggleClass并从所有其他元素中删除类 [英] toggleClass and remove class from all other elements

问题描述

如何切换类并从所有其他元素中删除类? 考虑一个包含标签的div: html:

How can I toggleClass and remove class from all other elements? Consider a div that contains a tags: html:

<div class="size">
   <a href="">blahblah</a>
   <a href="">blahblah</a>
</div>

jQuery:

 $(".size a").click(function(){
 $(this).toggleClass('checked');
 if($(".size a").hasClass('checked')){
     $(this).removeClass('checked');
  }
 })

我想向元素添加"cheched"类，并从具有"checked"类的其他元素中删除"ckeched"类.我的代码删除了所有类.如何通过单击添加特定类并删除其他元素的类? 预先感谢

I want to add class "cheched" to element and remove the class "ckeched" from other elements that have class "checked" . My code remove all classes. How can I add specific class and remove other element's class with click? Thanks in advance

推荐答案

可以做到

 $(".size a").click(function(){
    $('.size a.checked').not(this).removeClass('checked');
    $(this).toggleClass('checked');
 })

---

更新

或者你可以做

 $(".size").on('click','a', function(){
    $(this).toggleClass('checked').siblings().removeClass('checked');
 })

这篇关于toggleClass并从所有其他元素中删除类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！