jQuery - Remove all classes with similar names

Question

Is there any better way to do this?

$(\'element\').removeClass(\'class-1\').removeClass(\'class-2\').removeClass(\'class-3\').removeClass(\'class-5\') ...
to         


        

Answer 1

Here's a small jQuery plugin I'm using for this purpose:

(function($) {
    $.fn.removeClassWild = function(mask) {
        return this.removeClass(function(index, cls) {
            var re = mask.replace(/\*/g, '\\S+');
            return (cls.match(new RegExp('\\b' + re + '', 'g')) || []).join(' ');
        });
    };
})(jQuery);

You use it like this:

$(...).removeClassWild('class-*');