在.get中使用$（this）在jQuery中未定義

Question

我正在使用簡寫AJAX調用$.get，但是當我嘗試使用$(this)引用變量時，jQuery告訴我它未定義。

這裏是代碼塊：

$('.replaceWithObject').live('click', function(event) { 
    var cid = $(this).find('input').val(); 
    $.get('GetVideoComment.ashx?cid=' + cid, function(data) { 
     $(this).html(data); 
    }); 
}); 

它發現cid就好，如$(this)可用之前$.get。內部.get$(this)未定義。在get之前將變量設置爲$(this)也不起作用？

getVideoComment.ashx?cid=628工作時，它返回一個flash對象。問題在於get內部的$(this)未定義。

關於如何做我想在這裏做的任何想法？或者我做錯了什麼？

Answer 1

您需要緩存初始選擇，以便在您的回調觸發時存在。

$('.replaceWithObject').live('click', function(event) { 
    var $this = $(this); 
    var cid = $this.find('input').val(); 
    $.get('GetVideoComment.ashx?cid=' + cid, function(data) { 
     $this.html(data); 
    }); 
}); 

Answer 2

試試這個：

$('.replaceWithObject').live('click', function(event) { 
    var that = $(this); 
    var cid = that.find('input').val(); 
    $.get('GetVideoComment.ashx', {'cid': cid}, function(data) { 
     that.html(data); 
    }); 
}); 

的問題是，this的get功能所有的內不再.replaceWithObject 如果緩存此上的click事件，並使用高速緩存，然後它會工作爲你。

Answer 3

由於返回的數據似乎是HTML，你也可以只使用load()：

加載數據從服務器返回的HTML放入匹配元素。

$('.replaceWithObject').live('click', function(event) { 
    var cid = $(this).find('input').val(); 
    $(this).load('GetVideoComment.ashx?cid=' + cid); 
    // or $(this).load('GetVideoComment.ashx', {cid: cid}); 
});