Visibilité de $(this)

Version imprimable

Bonjour,
j'ai le code qui suit :
Code:

1 2 3 4 5 6 7 8 9 $('.like,.dislike').bind('click',function(event){ event.preventDefault(); // ici $(this) fait reference au lien cliqué $.get($(this).attr('href'),function(response){ if(response == 'success') // modifie le texte de l'element courant // ici $(this) ne fait plus reference au lien cliqué }); });
La premiere ligne recupere tous les elements qui ont la classe .like ou .dislike et leur attribue une fonction quand on leur clique dessus. Ces elements sont des <a>.

Ce que je cherche a faire, c'est changer le texte du lien cliqué quand reponse = 'success'.

J'ai essaye :

Code:

$(this).text("test");

mais $(this) ne fait pas reference au lien cliqué.

Comment puis je donc recuperer cet element dans ma fonction de retour ?
Merci beaucoup !
Bastien

ps: desole clavier qwerty :(

09/04/2011, 10h12
NoSmoking

Bonjour,
une fois la fonction affectée à un élément tu as accès directement à l'élément via le this tout court même avec jQuery.
09/04/2011, 11h20
doobinay

Salut !
Merci pour ta reponse.

Si je fais

Code:

alert(this.text);

cela m'affiche: "undefined" dans la fonction de retour.

il te faut préserver la référence au lien puisque tu as un get

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$('.like,.dislike').bind('click', function (event){
  event.preventDefault();
  // garde reference object
  var oLien = this;
  // envoi action
  $.get($(this).attr('href'), function (response){
    if (response == 'success'){
      // utilisation de l'objet sur reponse
      oLien.innerHTML = 'BINGO !';
    }
  });
});

peut être mieux à faire avec jQuery, mais je connais peu!

je rectifies en utilisant les objet jQuery, dommage de ne pas les utiliser

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$('.like,.dislike').bind('click', function (event){
  event.preventDefault();
  // garde reference object
  var oLien = $(this);
  // envoi action
  $.get( oLien.attr('href'), function (response){
    if( response == 'success'){
      // utilisation de l'objet sur reponse
      oLien.html( 'BINGO!');
    }
  });
});

cela me paraît plus jQuery...

10/04/2011, 01h59
doobinay

Merci NoSmoking ! Ca fonctionne parfaitement !
Tu me retires une epine du pied !