选择另一个第一层元素的所有第一层元素

Question

是否有更优雅的方式来选择所有第一层<dt>而不是我所展示的。我在想$('#myDiv').children('dl>dt')之类的东西，但它不起作用。感谢

$('#myDiv dl').children('dt');
$('#myDiv').children('dl').children('dt');


    <div id="myDiv">
        <dl>
            <dt>good</dt>
            <dd>good
            <dl><dt>Bad</dt><dd>Bad</dd></dl>
            </dd>
            <dt>good</dt><dd>good</dd>
        </dl>
    </div>

Answer 1

$('#myDiv>dl>dt')

那是黑色 魔力！

Answer 2

学习CSS选择器。使用jQuery时它们非常方便。

获取直接子项的CSS选择器是：>

所以：

$('#myDiv > dl > dt')

Answer 3

这个怎么样：

$('#myDiv dl dt')