使用jQuery刪除班級

Question

早上，

是否有一個通配符，我可以在jQuery中使用它會從元素中刪除一個類？

我正在將新類應用到我的信息消息框中，如果用戶單擊它一次，然後再次單擊它，它將添加新類，但保留現有類。

我需要刪除以前的類，然後添加樣式的新類。有任何想法嗎？

<div id="infoMsg" style="display: block; " class="er-green er-red">All submitted feeds are complete.</div> 

正如您所看到的原始類是呃綠色，它然後添加了呃紅色。

Answer 1

業：

$(this).removeClass('er-green'); 
$(this).addClass('er-red'); 

或者將它們全部刪除第一：

如果一個類名稱作爲參數，則只有該類會從匹配元素集中移除。如果參數中沒有指定類名，則所有類都將被刪除。

$(this).removeClass(); 
$(this).addClass('er-red'); 

Answer 2

removeClass()方法

$('#infoMsg').removeClass('er-green');//just removes class 

$('div').click(function(){ 
    $(this).removeClass('er-green');//removes class clicked element 
    $(this).addClass('er-red');//adds class clicked element 
}); 

Answer 3

你可以使用jQuery removeclass

$('#infoMsg').removeClass('er-green'); 

喜歡聰明人，你還可以添加CSS類到你的HTML

$('#infoMsg').addClass('er-red'); 

Answer 4

$("#infoMsg").removeClass('er-green').addClass('newclass')