web-dev-qa-db-fra.com

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

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

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

cette:

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

est de retour:

jQuery(div.second)
javascriptjqueryjquery-uijquery-selectors
66
Davor Zubak

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

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

Ou trouver par index:

 var index = 0
 $('.second').children().eq(index);
177
Rich O'Kelly

Il y a le moyen suivant pour sélectionner le premier enfant

1) $ ('. Deuxième div: premier enfant')
2) $ ('. Second *: premier-enfant')
3) $ ('div: premier-enfant', '.second')
4) $ ('*: premier-enfant', '.second')
5) $ ('. Deuxième div: nième enfant (1)')
6) $ ('.second'). Enfants (). Premiers ()
7) $ ('.second'). Enfants (). Eq (0)
14
Deepak Kumar

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

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

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

3
Samich
$('.second').find('div:first')
2
Magrangs

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

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

retournera 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'

1
unaesthetic