divの最初の直接の子要素を見つける方法

Question

これは簡単なはずですが、できません。

は、私は、ID「LeftScrollableDiv」とdiv要素を持っていると私はそれの下で最初の子要素を見つけようとしています：

$("#LeftScrollableDiv:first-child"); 

<div id="LeftScrollableDiv:first"> 
    <table></table> 
</div> 

をしかし、結果はNULLです。どんな助け？

Answer 1

$('#LeftScrollableDiv').children().first(); 

API

Answer 2

$("#LeftScrollableDiv > :first-child"); 

Answer 3

その対象が親の最初の子である場合:first-childチェック。この場合、親の最初の子であるidが#LeftScrollableDivの要素を選択しようとしています。 :セレクタはすべて前の選択をフィルタリングするだけで、新しい要素は選択しません。

残念ながら、.firstChildメソッドがjQueryにないため、常にすべての子を選択してから最初のものを取り出す必要があります。それを行うには

可能セレクタは次のとおりです。

"#LeftScrollableDiv > :first" 

Which is far more efficient than > :first-child。

Answer 4

以下は私のために動作しませんでした：

$('#LeftScrollableDiv').children().first(); 

あなたが同じことを見つけた場合、あなたは、配列のような子供（）メソッドによって返されるオブジェクトを扱うことができます。

$('#LeftScrollableDiv').children()[$('#LeftScrollableDiv').children().length-1]