Javascript / jQuery: How do I remove a range of numbered classes?
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/57812/remove-all-classes-that-begin-with-a-certain-string">Remove all classes that begin with a certain string</a>  </p>
</blockquote>



<p>I have a script which adds one of six classes randomly to the body. The classes are numbered between 1 and 6, like this:</p>

<p><code>theme-1</code> to <code>theme-6</code>.</p>

<p>I need a clean way to remove all of them. Right now I have this:</p>

<pre><code>$('body').removeClass('theme-1');
$('body').removeClass('theme-2');
$('body').removeClass('theme-3');
$('body').removeClass('theme-4');
$('body').removeClass('theme-5');
$('body').removeClass('theme-6');
</code></pre>

<p>But it's kind of clunky right? Is there a way I can say "remove any classes between <code>theme-1</code> to <code>theme-6</code>"?</p>
