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

...or you can use a starts-with selector if you know the possible class names you'd like to remove. The nasty part of the task is the sheer number of classes to look for...

$(document).ready(function () {
     var classesOfInterest = '';
     for(var i = 1; i<=105; i++)
        classesOfInterest += ' ' + 'class-' + i;
     alert(classesOfInterest);
     $("[class^='class-']").removeClass(classesOfInterest);
  });