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

Answer 2

第一个示例中的 this 已更改上下文； this 引用 map 引用，并且由于它没有 Elements 属性，因此失败。