from parent to child without traversing the full path
<p>My divs are nested like this. </p>

<pre><code>&lt;div id="top"&gt;
   &lt;div class="child1"&gt;
      &lt;div class="child-child"&gt;
         &lt;div class="child-child-child"&gt;
         &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;   
   &lt;div class="child2"&gt;
      &lt;div class="child-child"&gt;
         &lt;div class="child-child-child"&gt;
         &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;   
&lt;/div&gt;
</code></pre>

<p>Right now I'm going from <code>#top</code> to <code>.child-child-child</code> by doing this. </p>

<pre><code>$('#top').children('.child1')
         .children('.child-child')
         .children('.child-child-child');
</code></pre>

<p>Do I have to specify the full path like this? I want to omit the middle divs if there's a syntax that would let me do that. But I probably still need to specify whether I want to go through <code>.child1</code> or <code>.child2</code>.</p>
