web-dev-qa-db-ja.com

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

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

IDではなく要素インデックスを使用して#selFirstを取得する方法は？

この：

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

返しています：

jQuery(div.second)
javascriptjqueryjquery-uijquery-selectors
66
Davor Zubak

興味のある子要素が最初の場合：

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

または、インデックスで検索するには：

 var index = 0
 $('.second').children().eq(index);
177
Rich O'Kelly

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

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）
14
Deepak Kumar

インデックスセレクタを介して最初の要素を取得できます。

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

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

3
Samich
$('.second').find('div:first')
2
Magrangs

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

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

クラス「.second」を持つ最初の要素を返します。

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

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

1
unaesthetic