修改多個元素的類列表

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

希望這會有所幫助。