jquery .removeClass() if NOT .next()
<p>How would I go about remove the class from all elements except the next one?</p>

<p>For example:</p>

<pre><code>&lt;ul&gt;
  &lt;li class="current"&gt;&lt;a href="#"&gt;Trigger&lt;/a&gt;&lt;/li&gt;
  &lt;li class="next"&gt;&lt;a href="#"&gt;Trigger&lt;/a&gt;&lt;/li&gt;
  &lt;li class="next"&gt;&lt;a href="#"&gt;Trigger&lt;/a&gt;&lt;/li&gt;
  &lt;li class="next"&gt;&lt;a href="#"&gt;Trigger&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Clicking on Trigger link <code>a</code> removes all the <code>"next"</code> classes from the <code>li</code> elements except the one directly below</p>

<p>I'm not worried about the whole set of code to achieve this. I've written everything that I need apart from this one thing of removing the class except on the next li?!</p>

<p><strong>UPDATE: <em>SOLVED</em></strong></p>

<p>Seems I overlooked a simple solution which works well: </p>

<pre><code>$(this).parent().siblings().not().next().removeClass('next');
</code></pre>
