How to get child element by index in Jquery?

Question

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

How to get #selFirst using element index not the ID?

this:

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

is returning :

jQuery(div.second) 

Answer 1

If you know the child element you're interested in is the first:

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

Or to find by index:

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

Answer 2

There are the following way to select first child

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)