Как получить дочерний элемент по индексу в 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

Если вы KNO ж дочернего элемента вы заинтересованы в это первая:

$('.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-прокладки устраняют эти проблемы.

Answer 5

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

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

вернет первый элемент с классом «. Секунд».

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

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

Answer 6

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

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)