jQuery get first a link from li elements
<p>I have the following html:</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;
        &lt;a href="#"&gt;link 1&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;link 2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;link 3&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;link 4&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;a href="#"&gt;link 5&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;link 6&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;link 7&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;link 8&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I wish to return link 1 and link 5 in jQuery. I have got as far as:</p>

<pre><code>$('ul li a:first-child').each(function(e){
$(this).css('color','blue');
});
</code></pre>

<p>However it returns all nodes, any advice appreciated!</p>
