jQuery Agregar clase al hacer clic, pero solo se permite una vez.

Question

Esto es lo que tengo hasta ahora:

Javascript:

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

Así que esto está funcionando, es la adición de la clase pero quiero solamente un artículo para estar activo en todo momento. Por lo tanto, cuando hago clic en un elemento y se activa, el siguiente elemento en el que hago clic debe ser el nuevo activo y eliminar la clase en el anterior.

¿Eso tiene sentido? ¿Cómo puedo hacer algo como esto?

Gracias!

Answer 1

Primero debe eliminar la clase active de sus elementos thumb_wrapper. Prueba esto:

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

Answer 2

Esto debe hacerlo.

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

Answer 3

caché de su envoltorio y llame a un removeClass() en ella en primer lugar:

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');  
    });  
}); 

Asumo algo como esto?