title: jQuery - Traversing the dom and selecting
body: <p>I'm having a hard time selecting all of the first div elements inside a parent div which appears multiple times. </p>
  
  <p>For Example I need to select the first div inside every parent div that have a class of "nav". See below to understand:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="nav"&gt;
          &lt;div class="sub-item"&gt;&lt;/div&gt; **SELECT THIS**
          &lt;div class="sub-item"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container"&gt;
      &lt;div class="nav"&gt;
          &lt;div class="sub-item"&gt;&lt;/div&gt; **SELECT THIS**
          &lt;div class="sub-item"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried this code but it only selects the div in the first parent div.</p>
  
  <pre><code>$('.nav &gt; div').eq(0);
  </code></pre>
  
  <p>Any help is appreciated!</p>