Jquery récupération attr au click [Résolu]

matini · 06/10/2011, 09h53

Bonjour à tous,

J'ai un petit problème au niveau d'un mini script Jquery. J'aimerai récupéré au click les attributs de l'objet sur lequel j'ai cliqué(pour pouvoir les modifier mais le problème n'est pas là).

Code :

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

1
2
3
	$(this).click(function() {		
		alert($(this).attr("id"));
	});

J'ai essayé toute sorte de variante pour récupéré cette attribut mais impossible.. Il m'affiche sans cesse le message : "undifined".

J'ai trouvé un (peut-être) début de solution.

Code :

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

1
2
3
	$("*").click(function() {		
		alert($(this).attr("id"));
	});

Comme cela j'arrive à accéder à la valeur attr("id") mais il me renvoie la valeur de tout les éléments de la page.

Si quelqu'un à une idée.. Je la remercie d'avance..

SpaceFrog · 06/10/2011, 10h09

si tu as undefined c'est que l'objet clické n'a pas d'id ...

matini · 06/10/2011, 10h10

Si, ils ont tous un id.. Je peux te l'assurer ^^'

Bovino · 06/10/2011, 10h39

Et $(this), auquel tu affectes le clic, il correspond à quoi ?

SpaceFrog · 06/10/2011, 10h40

a priori ils n'ont pas tous un id et tu as de la propagation ...

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
18
19
<script type="text/javascript">
$(function(){
for (i=0;i<10;i++){
newdiv=$('<div/>').attr('id','foo'+i).text('foo_'+i)
$('body').append( newdiv )
}
$('*').click( function(e){ alert( $(this).attr('id') ); return false })
})
</script>
</head>
<body >
 
 
 
 
 
</body>
 
</html>

matini · 06/10/2011, 10h40

L'objet sur lequel j'ai cliqué

Bovino · 06/10/2011, 10h43

Citation:

Envoyé par matini

L'objet sur lequel j'ai cliqué

Code :

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

$(this).click(...);

Dans ce code, $(this) n'est pas l'objet sur lequel tu as cliqué (puisque par définition, avant de définir le gestionnaire, tu n'as encore cliqué nulle part)...

matini · 06/10/2011, 10h49

Pourtant le script s'effectue à chaque fois que je clique sur un objet.

Alors comment je peux faire pour récupérer les attributs de l'objet sur lequel je clique?

SpaceFrog · 06/10/2011, 11h13

marrant ça je viens d'inventer le code invisible ???
cf plus haut ...

matini · 06/10/2011, 11h29

Excuse moi spaceFrog, je suis effectivement passé à coté de ton code.

Le return false m'est très utile. J'ai malheureusement encore un problème.

J'ai donc inséré via une requête ajax(jquery) du code html dans une div conteneur. Lorsque que je clique sur un élément dans cette div, le script me retourne seulement les attributs de cette div et non de l’élément sur lequel j'ai cliqué.

SpaceFrog · 06/10/2011, 11h50

le click n'étaotn pas attribuié en live() ou delegate() , le evenment declarés sur elements ne s'applique pas aux objets insérés dynamiquement àprès le chargement de la page
=> applique ton click en live

Code :

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

$('*').live('click', function(e){ alert( $(this).attr('id') ); return false })

matini · 06/10/2011, 11h53

Merci beaucoup :-D Ca marche impec

06/10/2011, 10h09	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	si tu as undefined c'est que l'objet clické n'a pas d'id ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

06/10/2011, 10h10	#3
matini Invité de passage Inscription : octobre 2011 Messages : 12 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2011 Messages : 12 Points : 3 Points : 3	Si, ils ont tous un id.. Je peux te l'assurer ^^'
	00

06/10/2011, 10h39	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 789 Points : 35 789	Et $(this), auquel tu affectes le clic, il correspond à quoi ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

06/10/2011, 10h40	#6
matini Invité de passage Inscription : octobre 2011 Messages : 12 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2011 Messages : 12 Points : 3 Points : 3	L'objet sur lequel j'ai cliqué
	00

06/10/2011, 10h49	#8
matini Invité de passage Inscription : octobre 2011 Messages : 12 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2011 Messages : 12 Points : 3 Points : 3	Pourtant le script s'effectue à chaque fois que je clique sur un objet. Alors comment je peux faire pour récupérer les attributs de l'objet sur lequel je clique?
	00

06/10/2011, 11h13	#9
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	marrant ça je viens d'inventer le code invisible ??? cf plus haut ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

06/10/2011, 11h29	#10
matini Invité de passage Inscription : octobre 2011 Messages : 12 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2011 Messages : 12 Points : 3 Points : 3	Excuse moi spaceFrog, je suis effectivement passé à coté de ton code. Le return false m'est très utile. J'ai malheureusement encore un problème. J'ai donc inséré via une requête ajax(jquery) du code html dans une div conteneur. Lorsque que je clique sur un élément dans cette div, le script me retourne seulement les attributs de cette div et non de l’élément sur lequel j'ai cliqué.
	00

06/10/2011, 11h50	#11
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	le click n'étaotn pas attribuié en live() ou delegate() , le evenment declarés sur elements ne s'applique pas aux objets insérés dynamiquement àprès le chargement de la page => applique ton click en live Code : Sélectionner tout - Visualiser dans une fenêtre à part $('').live('click', function(e){ alert( $(this).attr('id') ); return false }) __________________ Ma page Developpez Président du CCMPTP* (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

06/10/2011, 11h53	#12
matini Invité de passage Inscription : octobre 2011 Messages : 12 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : octobre 2011 Messages : 12 Points : 3 Points : 3	Merci beaucoup :-D Ca marche impec
	00

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