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

我把它概括成一个Jquery插件，它把一个正则表达式作为参数。

咖啡:

$.fn.removeClassRegex = (regex) ->
  $(@).removeClass (index, classes) ->
    classes.split(/\s+/).filter (c) ->
      regex.test c
    .join ' '

Javascript:

$.fn.removeClassRegex = function(regex) {
  return $(this).removeClass(function(index, classes) {
    return classes.split(/\s+/).filter(function(c) {
      return regex.test(c);
    }).join(' ');
  });
};

因此，在这种情况下，使用将是(咖啡和Javascript):

$('#hello').removeClassRegex(/^color-/)

注意，我使用的是数组。在IE<9中不存在的过滤器函数。您可以使用下划线的过滤器函数代替或谷歌的polyfill像WTFPL一个。

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

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

代码:

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问题，所以我想分享我的解决方案，以防它能帮助到任何人。

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

我已经写了一个插件，做这个叫做alterClass -删除元素类通配符匹配。可选地添加类:https://gist.github.com/1517285

$( '#foo' ).alterClass( 'foo-* bar-*', 'foobar' )

这将有效地从节点的class属性中删除所有以prefix开头的类名。其他答案不支持SVG元素(在撰写本文时)，但这个解决方案支持:

$.fn.removeClassPrefix = function(prefix){
    var c, regex = new RegExp("(^|\\s)" + prefix + "\\S+", 'g');
    return this.each(function(){
        c = this.getAttribute('class');
        this.setAttribute('class', c.replace(regex, ''));
    });
};