jquery - 別の第1層要素のすべての第1層要素を選択する

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')