How to get child element by index in Jquery?

Asked 2012-01-19T13:19:38.123

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

javascript jquery jquery-ui jquery-selectors

Edit Report

2 Answers

You can get first element via index selector:

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

answered 2012-01-19T13:21:57.177

-6

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

Disclaimer: Browser compliance on getElementsByClassName and firstElementChild are shaky. DOM-shims fix those problems though.

answered 2012-01-19T13:32:08.507