選擇另一個第一層元素的所有第一層元素

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