jquery通用删除类

Question

我有一个带有多个选项值的select标记，如果选择了一个值，然后将一个类添加到另一个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

使用<option>上的<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'));
});