jQuery получить исходный элемент в обратном вызове

Question

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

Вышеупомянутое не работает, потому что $(this) больше не в правильной области в обратном вызове. Как передать исходный исходный элемент в обратный вызов?

Answer 1

На самом деле ваш код должен работать.

Чтобы получить доступ к this в пределах внутреннего яваскрипта метода вы можете сохранить ссылку на внешней области видимости методы:

$('.myElem').on('click', function() { 

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

}); 

Однако в большинстве методов JQuery this имеет в виде селектора или элемент, используемый:

$('.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(); 
});