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

Question

这是我到目前为止所拥有的：

Javascript：

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

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

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

谢谢！

Answer 1

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

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

Answer 2

缓存你的包装器并首先调用removeClass()它：

var $wrapper = $(".thumb_wrapper");

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

Answer 3

$(".thumb_wrapper").on('click', function() {
    $(".thumb_wrapper").removeClass('active').find(this).addClass("active");
});

Answer 4

这应该这样做。

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

Answer 5

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

我假设这样的事情？