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) 
    );