JQuery get source element in callback

Question

$('.myElem').live('click', function() { $(this).hide(500, function() { $(this).siblings('.myOtherElem').show(); }); }); 

The above does not work because $(this) no longer in the correct scope in the callback. How to pass the original source element to a callback?

Answer 1

Actually your code should work.

To access this inside the javascript internal method, you can save the link in the external area of ​​the method:

 $('.myElem').on('click', function() { var myElem = this; $(this).hide(500, function() { $(myElem).siblings('.myOtherElem').show(); }); }); 

However, in most jQuery methods this refers to the selector or element used:

 $('.myElem').on('click', function() { // This refers to the clicked element $(this).hide(500, function() { // This refers to the clicked element as well $(this).siblings('.myOtherElem').show(); }); }); 

Answer 2

 $('.myElem').live('click', function() { var $this = $(this); $this.hide(500, function() { $this.siblings('.myOtherElem').show(); }); }); 

Answer 3

 $('.myElem').live('click', function() { $(this).hide(500); $(this).siblings('.myOtherElem').show(); });