jquery 一般删除 class

Question

我有一个带有多个选项值的 select 标签，如果一个值是 selected，那么我将一个 class 添加到另一个 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");
});

我真正想要的是添加一个通用删除class，不给名字，然后添加一个class，可以吗？

Answer 1

这样做就可以了：

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

Answer 2

在 <option> 上使用 data-* 自定义属性，以在元素本身上存储相应的 class 名称。在更改选项时，从所选选项中获取 class名称并将其添加到图像中。

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

jquery 一般删除 class

jquery general remove class

jquery

addclass

removeclass