jquery插件中「this」元素的作用域

Question

我正在嘗試編寫一個jQuery插件來自動填充選擇框，但我在使用「each」函數中的this關鍵字時遇到了麻煩。代碼如下：

(function($) { 
    $.fn.addOptionsTable2 = function() {   
    options = { 
      values : text [...] 
     }; 
     $.each(options, function(val,text) { 
      this.append(
       $('<option></option>').val(val).html(text) 
     ); 
    }); 
    } 
})(jQuery); 

這似乎不工作，我相信問題是「這個」的參考。 我如何使這項工作，以及「我的代碼」中提到的是什麼？

Answer 1

$.each將this設置爲當前對象（用於循環）。

試試這個：

var that = this; 

    $.each(options, function(val,text) { 
     that.append(
      $('<option></option>').val(val).html(text) 
    );