jQuery selector :first
<p>I am trying to select text from a list. I want to select "First level text" but not "Second level text".</p>

<pre><code>&lt;div class="selectedText"&gt;&lt;/div&gt;
&lt;ul&gt;
  &lt;li&gt;First level text
    &lt;ul&gt;
      &lt;li&gt;Second level text&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
 &lt;/ul&gt;
</code></pre>

<p>My bad selector:</p>

<pre><code>var firstLI = $('ul').find('li:first');
$('.selectedText').text(firstLI.text());
</code></pre>

<p>It pastes contents of the nested UL into my textbox.<br>
How can I get only the LI text?  Thanks.</p>

<p>Fiddle: <a href="http://jsfiddle.net/eYa3G/" rel="nofollow">http://jsfiddle.net/eYa3G/</a></p>
