当我点击一个带有“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/