javascript - 删除除一类以外的所有类

Question

好吧，我知道通过一些 jQuery 操作，我们可以向特定的 div 添加很多类:

<div class="cleanstate"></div>

假设通过一些点击和其他操作，div 获得了很多类

<div class="cleanstate bgred paddingleft allcaptions ..."></div>

那么，我如何才能删除除一个之外的所有类？我想出的唯一想法是:

$('#container div.cleanstate').removeClass().addClass('cleanstate');

虽然 removeClass() 杀死了所有类，但 div 搞砸了，但在 addClass('cleanstate') 之后添加它会恢复正常。另一种解决方案是将 ID 属性与基本 CSS 属性放在一起，这样它们就不会被删除，这也提高了性能，但我只想知道另一种解决方案来摆脱除“.cleanstate”之外的所有内容

我问这个是因为在真实的脚本中，div 经历了类的各种变化。

Answer 1

无需分两步完成，您可以使用 attr 通过用您想要的类覆盖所有类值来一次重置整个值:

jQuery('#container div.cleanstate').attr('class', 'cleanstate');

样本:http://jsfiddle.net/jtmKK/1/