Wie bekomme ich ein untergeordnetes Element nach Index in Jquery?

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

Wie bekomme ich #selFirst mit dem Elementindex, nicht mit der ID?

diese:

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

kehrt zurück:

jQuery(div.second)

Wenn Sie das untergeordnete Element kennen, an dem Sie interessiert sind, ist es das erste:

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

Oder nach Index zu finden:

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

Es gibt folgende Möglichkeiten, um das erste Kind auszuwählen

1) $ ('. Second div: first-child')

2) $ ('. Second *: first-child')

3) $ ('div: erstes Kind', '.sekste')

4) $ ('*: erstes Kind', '.sekste')

5) $ ('. Zweiter Teil: n-tes Kind (1)')

6) $ ('. Second'). Children (). First ()

7) $ ('. Second'). Children (). Gl. (0)

Sie können das erste Element über die Indexauswahl erhalten:

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

Code: http://jsfiddle.net/RX46D/

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

Gibt das n-te Kind nicht eher Geschwister als Kinder zurück?

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

gibt das erste Element mit der Klasse '.second' zurück.

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

sollte Ihnen das erste Geschwister der Klasse '.selector' geben

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

Haftungsausschluss: Browser-Konformität aktiviertgetElementsByClassName und firstElementChildwackelig. DOM-Shims beheben diese Probleme.