title: Jquery Find first direct child of a type
body: <p>I am looking for a way to find the first direct child of an element, of a precise type.</p>
  
  <p>Let's imagine this markup:</p>
  
  <pre><code>&lt;div id="mainDiv"&gt;
      &lt;div id="otherDiv"&gt;
          &lt;p&gt; Stuff &lt;/p&gt;
      &lt;/div&gt;
      &lt;p&gt; Stuff 2 &lt;/p&gt;
      &lt;p&gt; Stuff 3 &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So here, what I want to get is "Stuff 2" the first paragraph to be a direct child.</p>
  
  <p>If using jquery I do something like <code>$('#mainDiv').find('p:first');</code> I will get the paragraph inside the first div.</p>
  
  <p>What I need is to ignore nested childs and take only the first direct one. How should I do that?</p>