在循環遍歷類時引用$（this）

Question

我在頁面上有許多表。這些內容是由一個php腳本生成的，該腳本給出了一個關鍵字（kuid - 從數據庫加載）並使用jQuery加載。

在網頁上，他們是這個樣子：

<table class="className" kuid="someInteger"></table> 

這裏是jQuery的我想出了：

jQuery('.className').each(function(){ 
    var kuid = jQuery(this).attr('kuid'); 
    jQuery.post('data.php',{kuid: kuid},function(data){ 
    jQuery(this).html(data); 
    }); 
}); 

和data.php：

$kuid = $_POST['kuid']; 
echo 'Content for this ID: '.$kuid.'!'; 

然而它會拋出一個'Uncaught TypeError'。 Apperently我不允許使用$(this)關鍵字，但我不明白爲什麼。

此代碼的工作有點：

var kuid = jQuery('.className').attr("kuid"); 
jQuery.post(data.php',{kuid: kuid},function(data){ 
    jQuery('.className').html(data); 
}); 

，但相同的內容給每個表基於「kuid」第一次出現的。

Answer 1

u可以使用jQuery函數$ .proxy

jQuery('.className').each(function(){ 
    var kuid = jQuery(this).attr('kuid'); 
    jQuery.post('data.php',{kuid: kuid},$.proxy(function(data){ 
    jQuery(this).html(data); 
    }, this)); 
}); 

Answer 2

睡前內post只是分配$(this)給一個變量：

jQuery('.className').each(function(){ 
    var kuid = jQuery(this).attr('kuid'), 
     that = jQuery(this); 

    jQuery.post('data.php',{kuid: kuid},function(data){ 
    that.html(data); 
    }); 
});