Cibler un élément précis d'un tableau d'éléments

**okoweb** · 31/08/2011, 17h24

Bonjour,
La plupart des sélecteurs jQuery retourne des tableaux d'éléments. par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$("#elt p");
$("div > p");
$(".class");

Je souhaite savoir comment cibler un élément particulier de la collection d'éléments de ces tableaux.
En outre comment faire pour voir l'ensemble d'élément d'une collection d'élément d'un objet jQuery. En fait l'équivalent print_r() de php en jquery (javascript)

Merci d'avance...

**SpaceFrog** · 31/08/2011, 17h27

regarde du coté de eq() ou encore par l'indexe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$("#elt p:eq(0)");
ou
$("#elt p").eq(0);
ou 
$("#elt p")[0];

ou encore :first :last ...
bref des tas de possibilités au niveau des selecteur

et pour boucler dessus each()

**Bovino** · 31/08/2011, 17h27

Je souhaite savoir comment cibler un élément particulier de la collection d'éléments

Ben... ça dépend

C'est quoi ton critère de ciblage ?

En outre comment faire pour voir l'ensemble d'élément d'une collection d'élément d'un objet jQuery.

Une boucle each().

EDIT : Ca t'as fait du bien les vacances Spaffy : tu dégaines vite !

**okoweb** · 31/08/2011, 17h39

Envoyé par Bovino

C'est quoi ton critère de ciblage ?

Cibler par exemple le 3e élément du tableau pour appliquer une méthode par exemple before().

Merci d'avance...

**okoweb** · 31/08/2011, 18h41

ceci ne marche pas. L’élément li n'est pas inserré après le 1er li

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
//JS
var li = $('li').text("Test du DOM").css({ color: "red" });
$('li')[0].after(li);
 
 
//HTML
<ul>
<li>li 1</li>
<li>li 2</li>
</ul>

Merci d'avance...

**SpaceFrog** · 31/08/2011, 18h50

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type='text/javascript'>
$(function(){
var li = $('<li/>').text("Test du DOM").css({ 'color': "red" });
$('li:eq(0)').after(li);
 
})
</script>
</head>
 
<body>
 
<ul>
<li>li 1</li>
<li>li 2</li>
</ul>
</body>
</html>