Jquery récupération attr au click

Version imprimable

06/10/2011, 09h53
matini

Jquery récupération attr au click
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:

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:

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..
06/10/2011, 10h09
SpaceFrog

si tu as undefined c'est que l'objet clické n'a pas d'id ...
06/10/2011, 10h10
matini

Si, ils ont tous un id.. Je peux te l'assurer ^^'
06/10/2011, 10h39
Bovino

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

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

Code:

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>

06/10/2011, 10h40
matini

L'objet sur lequel j'ai cliqué
06/10/2011, 10h43
Bovino

Citation:

Envoyé par matini

L'objet sur lequel j'ai cliqué

:nono:

Code:

$(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)...
06/10/2011, 10h49
matini

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?
06/10/2011, 11h13
SpaceFrog

marrant ça je viens d'inventer le code invisible ???
cf plus haut ...
06/10/2011, 11h29
matini

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é.
06/10/2011, 11h50
SpaceFrog

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:

$('*').live('click', function(e){ alert( $(this).attr('id') ); return false })
06/10/2011, 11h53
matini

:ccool::P:P:P:P:P:P:P

Merci beaucoup :-D Ca marche impec :ccool: