jquery - any way to hide any class that is less than 3? for instance
<p>I want to have a bunch of spans with classes of different "depths", i.e one may be depth 1, another depth 2, another depth 3.</p>

<pre><code>&lt;span class="depth1"&gt;&lt;/span&gt;
&lt;span class="depth2"&gt;&lt;/span&gt;
&lt;span class="depth3"&gt;&lt;/span&gt;
</code></pre>

<p>Then, if I want to hide anything that's below depth 3, I don't know how else to do it besides a for loop</p>

<pre><code>for (i = 1; i &lt;= 2; i++)
  $(".depth" + i).hide();
</code></pre>

<p>Is there any better way to do this? maybe class ="3" instead of "depth3"? And any way to allow floating points, so that 2.5 and 1.5 will both be hidden too?</p>
