jQuery成功：功能{}問題

Question

我在頁面上有幾個'select'元素。當我選擇一些選項時，ajax請求將被髮送到服務器，並且與此「選擇」相鄰的元素必須用響應值進行更新。我希望下面的代碼是工作：

$(".vars").live("change", function() { //selected something in <select> list 
    $.ajax({ 
     type: "POST", 
     url "someurl.php", 
     data: {somedata}, 
     success: function(html) { 
      $this.next().html(html); //this does not update .next() element. 
     } 
    }); 
}); 

如果我更換

$(this).next().html(html); 

與

alert(html); 

我可以看到Ajax請求成功。此外，只有在頁面上只有一個「選擇」時才起作用，否則會出現空的彈出窗口。

Answer 1

我認爲，「這」是不是你認爲它是同時在回調引用。試試這個：

$(".vars").live("change", function() { //selected something in <select> list 
    var $driver = $(this); 
    $.ajax({ 
     type: "POST", 
     url "someurl.php", 
     data: {somedata}, 
     success: function(html) { 
      $driver.next().html(html); //this does not update .next() element. 
     } 
    }); 
}); 

Answer 2

$(".vars").live("change", function() { //selected something in <select> list 
    var $this = $(this); 
    $.ajax({ 
     type: "POST", 
     url "someurl.php", 
     data: {somedata}, 
     success: function(html) { 
      $this.next().html(html); //this does not update .next() element. 
     } 
    }); 
});