jQuery .each 与 jQuery select追加冲突

Question

我只是将选项添加到选择标签(也称为下拉列表)。为什么第二个循环不起作用？我将不得不花一些时间调试 jQuery，但如果我花费太多时间，我想我应该发布此内容并继续执行新任务。

这是我的键/值对数组:

var map = { “10”:“十”， “11”:“十一”， “12”:“十二” };

这不起作用:

    jQuery.each(map, function(key, val) {
        jQuery(this.Elements.DDLTest).append(jQuery("<option></option>").val(key).text(val)); 
    });

这有效:

    for (key in map) {
        jQuery(this.Elements.DDLTest).append(jQuery("<option></option>").val(key).text(map[key]));
    }

Answer 1

在 jQuery.each 中，回调中的 this 变量包含当前元素，而不是它在外部作用域中的任何值。

试试这个:

var that = this;
jQuery.each(map, function(key, val) {
    jQuery(that.Elements.DDLTest).append(jQuery("<option></option>").val(key).text(val)); 
});