jQuery-当我们点击另一个div时，从div中删除类

Question

jQuery(document).ready(function() { 
    if(jQuery(window).width() < 768){
        jQuery('.nb-team-grid').on('click', function(e){
            jQuery(this).toggleClass('test');
        });
    }
})

嗨，我需要进行互动。 当我们单击一个div时，需要添加一个类，当我们再次单击该类时，应删除它的自身。 我做到了，您可以在上面看到该代码。 我需要做的另一件事是，根据设计，我将div重复很多次。 因此，如果单击任何div，则该类应自动从之前单击的div中删除。 检查此链接以获取更多说明。 谢谢 ：）

http://dev.netbramha.in/projects/test-coder/test.html单击在此链接中看到的每个网格

Answer 1

选择同级元素并从中删除目标类

 $('.nb-team-grid').on('click', function(e){ $(this).toggleClass('test').siblings().removeClass('test'); }); 

 .test {color:red} 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="nb-team-grid">nb-team-grid</div> <div class="nb-team-grid">nb-team-grid</div> <div class="nb-team-grid">nb-team-grid</div> <div class="nb-team-grid">nb-team-grid</div> 

如果.nb-team-grid不兄弟，请使用底部代码

$('.nb-team-grid').on('click', function(e){
  $(this).toggleClass('test')
  $(".nb-team-grid").not(this).removeClass('test');
});