Korrekter Weg zum Entfernen der Klasse beim zweiten Klick

Question

Ich habe mehrere divs, die beim Mausklick eine Klasse hinzufügen.

Was ist die geeignete Methode, um die hinzugefügte Klasse auf diesem bestimmten div auf einen zweiten Klick auf dieses Element zu entfernen. Ich konnte die Klasse nicht entfernen.

jQuery('.icon-box').on('click', function() { 

    var isActive = false; 
    jQuery(this).addClass('clicked'); 

    if (jQuery(this).hasClass('clicked')) { 
    var isActive = true; 
    } 
    if (isActive) { 
    jQuery(this).removeClass('clicked'); 
    } 

}); 

JSFiddle Example.

Vielen Dank für das Feedback.

Answer 1

jQuery('.icon-box').on('click', function() { 
if (jQuery(this).hasClass('clicked')) { 
    $(this).removeClass('clicked'); 
    } 
    else 
    { 
    $(this).addClass('clicked'); 
    } 

}); 

Answer 2

Meinen Sie so etwas wie dieses:

jQuery('.icon-box').on('click', function() { 
    jQuery(this).toggleClass('clicked'); 
}); 

Fiddle: https://jsfiddle.net/csak9k4q/1/

Sie weitere Informationen über diese in den jQuery docs finden: http://api.jquery.com/toggleclass/