Jqueryで子要素をインデックスで取得する方法は？

Question

<div class="second"> 
    <div class="selector" id="selFirst"></div> 
    <div class="selector" id="selSecond"></div> 
    <div></div> 
</div> 

#selFirstを取得するには、IDではなく要素インデックスを使用しますか？

この：

var $selFirst = $(".second:nth-child(1)"); 
console.log($selFirst); 

が戻っている：

jQuery(div.second) 

Answer 1

あなたが自演した場合あなたが興味を持っている子要素wが最初です：

$('.second').children().first(); 

またはインデックスによって見つける：

$('.second').children().eq(0); 

Answer 2

あなたは、インデックスセレクタを介して第一の要素を取得することができます：

$('div.second div:eq(0)') 

コード：http://jsfiddle.net/RX46D/

Answer 3

$('.second').find('div:first') 

Answer 4

var node = document.getElementsByClassName("second")[0].firstElementChild

免責事項：getElementsByClassNameにブラウザのコンプライアンスとfirstElementChildが不安定です。 DOM-shimはこれらの問題を解決します。

Answer 5

nth-childは子ではなく兄弟を返しませんか？

var $selFirst = $(".second:nth-child(1)"); 

は、クラス '.second'の最初の要素を返します。

var $selFirst = $(".selector:nth-child(1)"); 

はあなたに

Answer 6

をクラスの.selector "の最初の兄弟を与える必要があります

1) $('.second div:first-child')

2) $('.second *:first-child')

3) $('div:first-child', '.second')

4) $('*:first-child', '.second')

5) $('.second div:nth-child(1)')

最初の子を選択するには、次の方法があります。

6) $('.second').children().first()

7) $('.second').children().eq(0)