javascript - jQuery はクリック時にクラスを追加しますが、一度しか許可されません。

Question

これが私がこれまでに持っているものです：

Javascript:

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

これは機能しており、クラスを追加していますが、常にアクティブにするアイテムは1つだけにしたいです。したがって、アイテムをクリックしてアクティブにすると、次にクリックしたアイテムが新しいアクティブアイテムになり、前のアイテムのクラスが削除されます。

それは理にかなっていますか？どうすればこのようなことができますか？

ありがとう！

Answer 1

最初に要素activeからクラスを削除する必要があります。thumb_wrapperこれを試して：

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

Answer 2

ラッパーをキャッシュremoveClass()し、最初にa を呼び出します。

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(){
    $('.what').click(function(){
        $('.what').removeClass('active');
        $(this).addClass('active');       
   });       
});

私はこのようなものを想定していますか？

Answer 5

これでうまくいくはずです。

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