当我点击一个带有“gmnprint”类的元素时,它添加了“active”类,但是当我点击另一个元素时,它仍然存在。
html格式

<div class="gmnoprint" title="S.A.U.C." style="width: 22px; height: 35px; overflow: hidden; position: absolute; opacity: 0.01; cursor: pointer; touch-action: none; left: -294px; top: 45px; z-index: 80;"></div>
<div class="gmnoprint" title="INC." style="width: 22px; height: 35px; overflow: hidden; position: absolute; opacity: 0.01; cursor: pointer; touch-action: none; left: -288px; top: -116px; z-index: -81;"></div>

jQuery公司
$(document).ready(function() {
  $('.gmnoprint').click(function() {
    $(this).toggleClass("active");
  });
});

最佳答案

不是切换,而是显式地添加和删除类。

 $(document).ready(function() {
    $('.gmnoprint').click(function() {
        $('.gmnoprint').removeClass('active');
        $(this).addClass("active");
    });
    });

关于jquery - 如果我点击其他类(class),请删除“有效”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52594534/

10-10 01:35