Sélectionner un élément par index (plusieurs éléments de même classe)

Question

Existe-t-il un moyen de sélectionner un élément par index avec Javascript ou jQuery? Par exemple:

<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div> 

Sous jQuery je pourrais obtenir la longueur 4, est maintenant il un moyen de sélectionner, puis manipuler un élément de « div.item » en fonction de son numéro d'index?

Answer 1

http://api.jquery.com/eq/

$("div.item").eq(0) vous donnera le premier élément.

Answer 2

Vous pouvez utiliser le sélecteur .eq() pour ce poste:

var element = $('div.item:eq(3)'); 

Answer 3

$('div.item:eq(4)'); 

ce code sélectionnera les 4 div avec .item classe

Answer 4

$ ('div.item: eq (3) «) ou $ ("div.item"). eq (3) ou $ ("div.item"). obtenir (3)

Si vous êtes En parlant d'obtenir "l'élément", la troisième option renvoie l'élément DOM, par rapport aux deux premiers qui retournent l'objet jQuery contenant l'élément DOM.

Les deux premiers sont très similaires. La différence est que le premier met "eq" à l'intérieur de la requête de sorte que vous ne pouvez manipuler que cet élément unique. Si vous utilisez le second, vous pouvez faire quelque chose comme $ ("div.item"). Css ('fond', 'rouge'). Eq (3) .css ('fond', 'bleu') ne peut pas être fait si facilement en utilisant les deux autres méthodes.