JQuery вообще удалить класс

Question

я есть выбор тег с несколькими значением параметра, если выбрано значение, то я добавить класс к другому DIV, вот мой JQuery:

$('#modello').change(function() { 
    if ($(this).val() == "Classe B") { 
     $('#header-image').removeClass('add').addClass("mod_b"); 
    } else if ($(this).val() == "Classe C Berlina") { 
     $('#header-image').addClass("mod_cla"); 
    } else($(this).val() == "Classe C Coupe")('#header-image').addClass("mod_cla"); 
}); 

, что я действительно хочу, чтобы добавьте общий класс remove, не указывая имени, а затем добавьте класс, возможно ли это?

Answer 1

Это будет делать это:

$('#header-image').removeClass(); 

Answer 2

Используйте data-* пользовательский атрибут на <option> хранить соответствующее имя класса на самом элементе. При изменении опции, получите имя класса из выбранного параметра и добавьте его в изображение.

HTML:

<select id="modello"> 
    <option value="Classe B" data-class="mod_b">Classe B</option> 
    <option value="Classe C Berlina" data-class="mod_cla">Classe C Berlina</option> 
    <option value="Classe C Coupe" data-class="mod_cla">Classe C Coupe</option> 
</select> 

Javascript:

$('#modello').change(function() { 
    $('#header-image').removeClass().addClass($(this).children(':selected').data('class')); 
});