Visibilité de $(this) [Résolu]

[doobinay]

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

[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.

[doobinay]

Salut !
Merci pour ta reponse.

Si je fais

Code :

alert(this.text);

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

[NoSmoking]

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!

[NoSmoking]

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...

[doobinay]

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