jQuery Добавить класс по клику, но разрешено только один раз.

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

Это должно быть сделано.

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

Answer 3

Cache Ваша обертка и вызвать removeClass() на него первым:

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

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

Answer 4

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

Answer 5

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

Я полагаю, что-то вроде этого?