How to select the first child of every div
<p>I am trying to select the first div of several divs.</p>

<p>I have</p>

<pre><code>&lt;div class='parent'&gt;
  &lt;div class='child'&gt;good&lt;/div&gt;
  &lt;div class='child'&gt;bad&lt;/div&gt;
  &lt;div class='child'&gt;nice&lt;/div&gt;
  &lt;div class='child'&gt;fun&lt;/div&gt;
&lt;/div&gt;

&lt;div class='parent'&gt;
  &lt;div class='child'&gt;test&lt;/div&gt;
  &lt;div class='child'&gt;dead&lt;/div&gt;
  &lt;div class='child'&gt;fly&lt;/div&gt;
  &lt;div class='child'&gt;pipe&lt;/div&gt;
&lt;/div&gt;

&lt;div class='parent'&gt;
  &lt;div class='child'&gt;weee&lt;/div&gt;
  &lt;div class='child'&gt;jump&lt;/div&gt;
  &lt;div class='child'&gt;run&lt;/div&gt;
  &lt;div class='child'&gt;apple&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I want to select the first child div of all parent divs</p>

<p>so </p>

<pre><code> &lt;div class='child'&gt;good&lt;/div&gt;
 &lt;div class='child'&gt;test&lt;/div&gt;
 &lt;div class='child'&gt;weee&lt;/div&gt;
</code></pre>

<p>will be selected</p>

<p>I have tried:</p>

<pre><code>1 $('.parent .child').first().css('border-top','0'); //only select the first one

2 $('.parent).each(function(){
     $(this).css('border-top','0');//can't find the first child..
  })
</code></pre>

<p>Are there anyways to do this? Sorry my brain is fried now. Thanks!</p>
