jQuery的一般刪除類

我有幾個選項值的選擇標記，如果選擇的值，然後我添加一個類另一個div這裏是我的jQuery：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"); 
});

我真正想要的是添加一個通用的刪除類，不給名稱，然後添加一個類，這有可能嗎？

來源

2015-10-27 Pds Ink

@Pdslink，對不起，我沒有得到你的問題？你是什麼意思*添加一個類'刪除'出去給名字*？ –

這將做到這一點：在<option>

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

來源

2015-10-27 10:58:14

使用data-*自定義屬性來存儲元素本身對應的類名。在更改選項時，從選定的選項中獲取類名並將其添加到圖像中。

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

來源

2015-10-27 10:59:23 Tushar

jQuery的一般刪除類

回答

相關問題