title: jQuery: find closest element that is not necessarily a parent
body: <p>I am well aware of the <code>closest()</code> function that "Travels up the DOM tree until it finds a match for the supplied selector". However, is there a way to have this function search all elements and their children from the point defined?</p>
  
  <pre><code>&lt;ul id="one" class="level-1"&gt;
    &lt;li class="item-i"&gt;I&lt;/li&gt;
    &lt;li id="ii" class="item-ii"&gt;II
    &lt;ul class="level-2"&gt;
      &lt;li class="item-a"&gt;A&lt;/li&gt;
      &lt;li class="item-b"&gt;B
        &lt;ul class="level-3"&gt;
          &lt;li class="item-1"&gt;1&lt;/li&gt;
          &lt;li class="item-2"&gt;2&lt;/li&gt;
          &lt;li class="item-3"&gt;3&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="item-c"&gt;C&lt;/li&gt;
    &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li class="item-iii"&gt;III&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>If I select an element with a class of <code>item-iii</code> and want to return the element that has a class of <code>item-3</code>, what would the selector look like? If I understand <code>closest()</code> correctly, it will go up the DOM tree but never check if any of the elements have a child that matches the second selector.</p>