jQuery的如何選擇子元素的正確方法

Question

如果我有以下的HTML

<div id="parent"> 
    <div id="item1"></div> 
    <div id="item2"></div> 
    <div id="item3"></div> 
</div> 

什麼是正確的方式來選擇父DIV的孩子。

我有以下幾點：

var $parent = $('#parent'), 
$item1 = $('#item1',$parent), 
$item2 = $('#item2',$parent), 
$item3 = $('#item3',$parent); 

，或者如果

var $parent = $('#parent'), 
$item1 = $parent.find('#item1'), 
$item2 = $parent.find('#item2'), 
$item3 = $parent.find('#item3'); 

是比較正確的。從我的測試中我認爲它們都可以工作，但只是想知道標準慣例是什麼。

我不使用像$（'＃parent＃item1'）這樣更直接的單一選擇器的原因是父代可以更改，或者可以從回調函數中選擇，並且我希望能夠選擇其子代而無需直接瞭解父級的ID，而是使用父級的jquery對象。

Answer 1

使用jQuery的.children()函數。

$("#parent").children("div");

Answer 2

如果可能的話，我會去選擇它的ID子元素，因爲標識將（應該）是唯一的一個元素。

我寧願孩子們法在找

$('#parent').children("#item1); 

孩子比找到方法快。參考這個答案。 https://stackoverflow.com/a/648014/40521