javascript - jQuery:我无法在具有动态值的循环中设置值

Question

为什么在下面的代码中我的更新业务函数总是用数组中的最终值更新输入

for (var i = 0; i < results.length; i++) {
var place = results[i];
var input = $("<input/>").change(function(){update_business(place.name)});

...

}

function update_business(value){

$('#business input').val(value);                                
}

Answer 1

这里的问题是所有这些事件处理函数都将共享完全相同的“place”变量；只有一个。相对于事件处理程序，它就像一个全局变量。

您可以编写一个单独的函数来帮助:

  function makeHandler(place) {
     return function() {
       update_business(place.name);
     };
   }

然后就可以在循环中调用了:

 var input = $('<input/>').change(makeHandler(place));

该函数返回另一个函数，它实际上将用作事件处理程序。因为循环中的变量“place”作为参数传递给“makeHandler”函数，所以它是循环中特定迭代中“place”的唯一副本。因此，每个事件处理程序都有自己的“位置”。