jQuery find li with class until
<p>This might be tricky.</p>

<p>Php will generate:</p>

<pre><code>&lt;li&gt;element&lt;/li&gt;
&lt;li&gt;element&lt;/li&gt;
&lt;li class="alt"&gt;element&lt;/li&gt;
&lt;li class="alt"&gt;element&lt;/li&gt;
&lt;li class="alt"&gt;element&lt;/li&gt;
&lt;li&gt;element&lt;/li&gt;
&lt;li&gt;element&lt;/li&gt;
&lt;li class="alt"&gt;element&lt;/li&gt;
&lt;li class="alt"&gt;element&lt;/li&gt;
&lt;li class="alt"&gt;element&lt;/li&gt;
&lt;li&gt;element&lt;/li&gt;
</code></pre>

<p>What I need is a way to find the li elements with the .alt class until the li elements start.
So...</p>

<pre><code>&lt;li&gt;element&lt;/li&gt;
&lt;li&gt;element&lt;/li&gt; // if I click on this one, it will select
&lt;li class="alt"&gt;element&lt;/li&gt; // this one
&lt;li class="alt"&gt;element&lt;/li&gt; // and this one
&lt;li class="alt"&gt;element&lt;/li&gt; // and this one
&lt;li&gt;element&lt;/li&gt; // stops selecting here
&lt;li&gt;element&lt;/li&gt;
&lt;li class="alt"&gt;element&lt;/li&gt; // doe not this one
&lt;li class="alt"&gt;element&lt;/li&gt; // or this one
&lt;li class="alt"&gt;element&lt;/li&gt; // or any other .alt
&lt;li&gt;element&lt;/li&gt;
</code></pre>

<p>I tried doing this with .find(), but I can't find a way to divide the .alt elements into groups and isolate the first one.</p>

<p>Any braniacs there with a good idea?</p>
