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

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

<test.feature>

$('.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

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

1 个答案: