javascript - jQuery Add Class on Click 但只允许一次。

Question

这是我目前所拥有的:

Javascript:

$(document).ready(function() {
    $(".thumb_wrapper").click(function() {
        $(this).addClass("active");
    });
});

所以这是有效的，它正在添加类，但我只希望一个项目始终处于事件状态。因此，当我点击一个项目时，它变为事件状态，我点击的下一个项目应该是新的事件项目，并删除前一个项目的类。

这有意义吗？我怎样才能做这样的事情？

谢谢!

Answer 1

您需要先从 thumb_wrapper 元素中删除 active 类。试试这个:

$(".thumb_wrapper").click(function() {
    $(".thumb_wrapper").removeClass("active");
    $(this).addClass("active");
});