jQuery在回調中獲取源元素

Question

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

以上不起作用，因爲$(this)在回調中不再處於正確的範圍內。如何將我的原始源元素傳遞給回調函數？

Answer 1

其實你的代碼應該工作。

到內JavaScript方法中訪問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(); 
});