如果你只是需要去除最后一组颜色，下面的方法可能适合你。

在我的情况下，我需要在单击事件的主体标记上添加一个颜色类，并删除设置的最后一个颜色。在这种情况下，存储当前颜色，然后查找数据标记以删除最后设置的颜色。

代码:

var colorID = 'Whatever your new color is';

var bodyTag = $('body');
var prevColor = bodyTag.data('currentColor'); // get current color
bodyTag.removeClass(prevColor);
bodyTag.addClass(colorID);
bodyTag.data('currentColor',colorID); // set the new color as current

可能不是你需要的，但对我来说是，这是我看到的第一个SO问题，所以我想分享我的解决方案，以防它能帮助到任何人。

您也可以使用Element.classList使用普通JavaScript来实现这一点。也不需要使用正则表达式:

函数removeColorClasses(元素) ｛ for(让数组的className从(element.classList)) 如果(className.startsWith(“颜色”)) element.classList.remove(名称); ｝

注意:注意我们在开始之前创建了classList的Array副本，这很重要，因为classList是一个活跃的DomTokenList，它会在类被删除时更新。

在单词边界上拆分正则表达式\b并不是最好的解决方案:

var prefix = "prefix";
var classes = el.className.split(" ").filter(function(c) {
    return c.lastIndexOf(prefix, 0) !== 0;
});
el.className = classes.join(" ");

或作为jQuery mixin:

$.fn.removeClassPrefix = function(prefix) {
    this.each(function(i, el) {
        var classes = el.className.split(" ").filter(function(c) {
            return c.lastIndexOf(prefix, 0) !== 0;
        });
        el.className = classes.join(" ");
    });
    return this;
};

基于ARS81的答案(只匹配以开头的类名)，这里有一个更灵活的版本。也是hasClass()正则表达式版本。

用法:$ (' .selector ') .removeClassRegex(‘\ \ S * foo [0 - 9] + ')

$.fn.removeClassRegex = function(name) {
  return this.removeClass(function(index, css) {
    return (css.match(new RegExp('\\b(' + name + ')\\b', 'g')) || []).join(' ');
  });
};

$.fn.hasClassRegex = function(name) {
  return this.attr('class').match(new RegExp('\\b(' + name + ')\\b', 'g')) !== null;
};

$('div').attr('class', function(i, c){
    return c.replace(/(^|\s)color-\S+/g, '');
});

从jQuery 1.4开始，removeClass函数就带有一个函数参数。

$("#hello").removeClass (function (index, className) {
    return (className.match (/(^|\s)color-\S+/g) || []).join(' ');
});

实例:http://jsfiddle.net/xa9xS/1409/