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

<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)

Ответы

Ответ 1

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

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

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

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

Ответ 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)

Ответ 3

Вы можете получить первый элемент через селектор индексов:

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

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

Ответ 4

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

Ответ 5

Не nth-child возвращает родных братьев, а не детей?

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

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

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

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

Ответ 6

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

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