Как получить дочерний элемент по индексу в Jquery?

Question

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

Как получить #selFirst, используя индекс элемента, а не идентификатор?

это:

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

возвращается:

jQuery(div.second)

Answer 1

Если вы знаете, что интересующий вас дочерний элемент является первым:

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

Или найти по индексу:

 var index = 0
 $('.second').children().eq(index);

Answer 2

Существует следующий способ выбора первого ребенка

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)

Answer 3

Первый элемент можно получить с помощью селектора индекса:

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

Код: http://jsfiddle.net/RX46D/

Answer 4

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

Answer 5

Разве nth-child не возвращает братьев и сестер, а не детей?

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

вернет первый элемент с классом .second.

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

должен дать вампервый брат класса .selector

Answer 6

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

Отказ от ответственности: Соответствие браузера на getElementsByClassName и firstElementChild шатко. Хотя DOM-прокладки решают эти проблемы.