Selecting all first tier elements of another first tier element
<p>Is there a more elegant way to select all the first tier <code>&lt;dt&gt;</code>s than what I am showing.  I was thinking something like <code>$('#myDiv').children('dl&gt;dt')</code> but it doesn't work. Thanks</p>

<pre><code>$('#myDiv dl').children('dt');
$('#myDiv').children('dl').children('dt');


    &lt;div id="myDiv"&gt;
        &lt;dl&gt;
            &lt;dt&gt;good&lt;/dt&gt;
            &lt;dd&gt;good
            &lt;dl&gt;&lt;dt&gt;Bad&lt;/dt&gt;&lt;dd&gt;Bad&lt;/dd&gt;&lt;/dl&gt;
            &lt;/dd&gt;
            &lt;dt&gt;good&lt;/dt&gt;&lt;dd&gt;good&lt;/dd&gt;
        &lt;/dl&gt;
    &lt;/div&gt;
</code></pre>
