Cibler un élément précis d'un tableau d'éléments [Résolu]

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

Citation:

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 ?

Citation:

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

Citation:

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>

ou

Code :

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

$('li').eq(0).after(li);

pourquoi ?
parce que en mettant l'index [0] tu repasses à l'element du DOM et non l'objet JQUERY

okoweb · 31/08/2011, 19h13

Code :

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

$('li').eq(0).after(li);

Merci.

31/08/2011, 19h13	#7
okoweb Membre éclairé Gérard Okono Développeur Web Inscription : juillet 2006 Messages : 711 Détails du profil Informations personnelles : Nom : Gérard Okono Localisation : Cameroun Informations professionnelles : Activité : Développeur Web Secteur : Administration - Collectivité locale Informations forums : Inscription : juillet 2006 Messages : 711 Points : 328 Points : 328	Code : Sélectionner tout - Visualiser dans une fenêtre à part $('li').eq(0).after(li); Merci.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email