javascript - 使用 jQuery 删除类

Question

早晨，

我可以在 jQuery 中使用一个通配符来从元素中删除一个类吗？

我正在将新类应用到我的信息消息框，如果用户单击它一次，然后再次单击它，它正在添加新类，但保留现有类。

我需要删除以前的类，然后添加新的样式类。有任何想法吗？

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

如您所见，原来的类是 er-green，然后添加了 er-red。

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

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

Answer 4

你可以使用jqueryremoveclass

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

同样，您也可以在 html 中添加一个 css 类

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