Discussion :

[comode]

Bonjour,

Débutant en JQuery depuis hier, je suis confronté à un problème peut être plus proche du JS que du JQuery. Je découvre en même temps que le jquery l'usage des attributs data- des balises HTML que je trouve bien pratique, sauf que j'ai un problème...

Code :

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

1
2
3
4
5
6
7
8
<div data-pouet="hop" class="truc" />
<script language="javascript">
function MaSuperFonction(e)
{
    alert($(this).data('pouet')); // ne marche pas
}
$('truc').on("click", function(event){MaSuperFonction(event)};);
</script>

ce à quoi vous allez naturellement me dire que c'est normal que ça ne marche pas puisqu'une fois dans MaSuperFonction, this ne fait plus référence à ma div mais à la fonction.

La question est donc de savoir comment je devrais m'y prendre pour pouvoir accéder aux datas de la div, si possible en évitant d'avoir recours à un 2ème paramètre pour MaSuperFonction() ?

J'ai vu qu'il existait pour .on() un prototype qui permettait d'hydrater l'event avec des attributs supplémentaires, ce qui pourrait être un genre de solution acceptable pour mon cas...

Vous feriez comment vous ?

[Bovino]

Tu te casses vraiment la tête pour rien...
La solution la plus simple :

Code :

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

1
2
3
$('truc').on("click", function(){
    alert($(this).data('pouet'));
});

Sinon, si tu veux passer par une autre fonction, rien ne t'empêche de lui passer un paramètre !

Code :

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

1
2
3
4
function MaSuperFonction(elem){
    alert($(elem).data('pouet')); // marche bien
}
$('truc').on("click", function(){MaSuperFonction(this);});

Note au passage la position des points-virgule.