如果你有多个元素的类名为“example”，要删除所有的“color-”类，你可以这样做:

var objs = $('html').find('.example');
for(index=0 ; index < obj1s.length ; index++){
    objs[index].className = objs[index].className.replace(/col-[a-z1-9\-]*/,'');
}

如果你不把[a-z1-9-]*放在你的正则表达式中，它不会删除名字中有数字或一些“-”的类。

我们可以通过.attr("class")获取所有的类，和数组，循环和过滤器:

var classArr = $("#sample").attr("class").split(" ")
$("#sample").attr("class", "")
for(var i = 0; i < classArr.length; i ++) {
    // some condition/filter
    if(classArr[i].substr(0, 5) != "color") {
        $("#sample").addClass(classArr[i]);
    }
}

演示:http://jsfiddle.net/L2A27/1/

解决这个问题的另一种方法是使用数据属性，数据属性本质上是唯一的。

你可以像这样设置元素的颜色:$el。attr(“data-color”、“红色”);

你可以在css中设置它的样式:[data-color="red"]{color: tomato;｝

这就否定了使用类的需要，这有需要删除旧类的副作用。

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

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

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

代码:

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

如果你想在其他地方使用它，我建议你扩展。这个对我来说很好。

 $.fn.removeClassStartingWith = function (filter) {
    $(this).removeClass(function (index, className) {
        return (className.match(new RegExp("\\S*" + filter + "\\S*", 'g')) || []).join(' ')
    });
    return this;
};

用法:

$(".myClass").removeClassStartingWith('color');