Comment obtenir un élément enfant par index dans Jquery?

Question

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

Comment obtenir #selFirst en utilisant l'index d'élément et non l'ID ?

cette:

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

revient :

 jQuery(div.second)

Answer 1

Si vous connaissez l'élément enfant qui vous intéresse est le premier :

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

Ou pour trouver par index :

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

Answer 2

Il existe la manière suivante de sélectionner le premier enfant

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

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

 3) $('div:first-child', '.second')

 4) $('*:first-child', '.second')

 5) $('.second div:nt-enfant(1)')

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

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

Answer 3

Vous pouvez obtenir le premier élément via le sélecteur d'index :

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

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

Answer 4

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

Answer 5

Le nième enfant ne renvoie-t-il pas des frères et sœurs plutôt que des enfants ?

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

renverra le premier élément avec la classe '.second'.

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

devrait vous donner le premier frère de la classe '.selector'