jquery, find closest div which is not in any ancestry
<p>HTML:</p>

<pre><code>&lt;div class="find_div" id="some_id_1"&gt;&lt;/div&gt;

&lt;!-- other divs --&gt;

&lt;div class="find_div" id="some_id_2"&gt;&lt;/div&gt;

    &lt;!-- other divs --&gt;


&lt;div class="find_div" id="some_id_3"&gt;&lt;/div&gt;

&lt;!-- other divs --&gt;

    &lt;div class="target_div"&gt;&lt;/div&gt;


&lt;div class="find_div" id="some_id_4"&gt;&lt;/div&gt;

&lt;!-- other divs --&gt;

&lt;div class="find_div" id="some_id_5"&gt;&lt;/div&gt;

    &lt;!-- other divs --&gt;


&lt;div class="find_div" id="some_id_6"&gt;&lt;/div&gt;

&lt;!-- other divs --&gt;
</code></pre>

<p>1) What is the way to find the  <code>find_div</code> which is closest to <code>target_div</code> ? </p>

<p>2) How to find other <code>find_div</code> divs that are less close consequtively ?</p>

<p>Note that there is no ancestral relation in the case being discussed .  Consequently jaquery <code>closest()</code> is not effective here i think.</p>

<p>I make this question after I asked a  question previously <a href="http://stackoverflow.com/questions/13137404/jquery-find-div-class-name-at-a-certain-position-while-scrolling">here</a> with a related problem. Hope that does not make any duplication.</p>

<p><strong>EDIT:</strong> Added few lines of code before the <code>target_div</code> line.</p>
