Select first children in nested list using JavaScript
<p>I am trying to select only the first children under Sally. Using JavaScript, how would I select Car, Boat, &amp; Bike and change the font color to red?</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    var j = jQuery.noConflict();
    j('#content2 ul li ul').children().css('color', '#ff0000');
});
&lt;/script&gt;

&lt;div id="content2"&gt;
    &lt;div&gt;
        &lt;div&gt;
            &lt;ul&gt;
                &lt;li&gt;Bob&lt;/li&gt;
                &lt;li&gt;Sally
                    &lt;ul&gt;
                        &lt;li&gt;Car&lt;/li&gt;
                        &lt;li&gt;Boat&lt;/li&gt;
                        &lt;li&gt;Bike
                            &lt;ul&gt;
                                &lt;li&gt;Red&lt;/li&gt;
                                &lt;li&gt;Green&lt;/li&gt;
                                &lt;li&gt;Blue&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
               &lt;/li&gt;
               &lt;li&gt;Larry&lt;/li&gt;
               &lt;li&gt;Mo&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
