修改多个元素的类列表

Question

如何通过jQuery或JavaScript一步修改多个类的类列表？

我的表格中有几个类，如

<div class="form-group has-error has-feedback">...</div>
<div class="form-group has-error has-feedback">...</div>
<div class="form-group has-error has-feedback">...</div>

如何删除除form-group以外的所有课程？

<div class="form-group">...</div>
<div class="form-group">...</div>
<div class="form-group">...</div>

Answer 1

您可以使用.removeClass()方法。

$(".form-group.has-error.has-feedback").removeClass("has-error has-feedback");

来自jQuery文档：

  

说明

     

从每个类中删除单个类，多个类或所有类   匹配元素集合中的元素。

     

...

     

如果包含类名作为参数，则只会从匹配元素集中删除该类。如果参数中未指定类名，则将删除所有类。

Answer 2

<强> JQuery的

您可以使用attr功能执行此操作：

$('div.form-group.has-error.has-feedback').attr('class', 'form-group');

<强> JAVASCRIPT

对于javascript，您可以使用querySelector和setAttribute()功能：

document.querySelector('div.form-group.has-error.has-feedback').setAttribute('class', 'form-group');

希望这有帮助。