how to handle .nextAll() or .prevAll() - each element separately?
<p>I am searching for something to make me able control separately each element returned by .prevAll() or .nextAll() jQuery methods.</p>

<p>Something like:</p>

<pre><code>&lt;div id="home"&gt;
   &lt;div class="box"&gt;&lt;/div&gt;
   &lt;div class="box"&gt;&lt;/div&gt;
   &lt;div class="box"&gt;&lt;/div&gt;
   &lt;div class="box"&gt;&lt;/div&gt;
   &lt;div class="box"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>And something like:</p>

<pre><code>$('#home .box').mouseover(function(){

var hovBox = $(this);
var prevAll = hovBox.prevAll();
var nextAll = hovBox.nextAll();

     nextAll.each(function(){

           // ...and do something with each returned element
           // NOT with ALL returned elements, just handle each separately
           // through some other type of selector
     });
});
</code></pre>

<p>Thank you for your help</p>
