循环中的闭包给我带来了问题。我想我必须制作另一个返回函数来解决问题的函数，但我无法让它与我的 jQuery 代码一起工作。
这是一个简化形式的基本问题：
function foo(val) {
alert(val);
}
for (var i = 0; i < 3; i++) {
$('#button'+i).click(function(){
foo(i);
});
}
自然地单击三个按钮中的任何一个都会发出警报，说 3。我想要的功能是单击按钮 1 会发出警报，说 1，按钮 2 会说 2，等等。
我怎样才能让它这样做？
参见绑定方法。
$('#button'+i).bind('click', {button: i}, function(event) {
foo(event.data.button);
});
从文档：
可选的 eventData 参数并不常用。提供时，此参数允许我们将附加信息传递给处理程序。此参数的一个方便用途是解决由闭包引起的问题
试试这个代码：
function foo(val) {
alert(val);
}
var funMaker = function(k) {
return function() {
foo(k);
};
};
for (var i = 0; i < 3; i++) {
$('#button'+i).click(funMaker(i));
}
这里有一些重要的点：
i被复制到一个新的作用域中k，并且从funMakercloses around k（在循环中不会改变），而不是 around i（在循环中改变）返回的函数。click函数不“拥有” i，它关闭了i其创建者的 ，并且i在循环中发生了变化。funMaker内联来编写，但我通常使用这样的辅助函数来使事情更清楚。funMakeris k，但这没有区别，它本来可以i没有任何问题，因为它存在于 function 的范围内funMaker。编辑：修正了一些标点符号。
@Andy 解决方案是最好的。但是您也可以使用 Javascript 范围来帮助您保存闭包中的值。
您可以通过执行匿名函数在循环体中创建一个新的作用域来实现。
for (var i = 0; i < 3; i++) {
(function(){
var index = i;
$('#button'+index).click(function(){
foo(index);
});
})();
}
由于循环体在每次迭代中都是一个新的作用域，因此索引变量在每次迭代中都被复制为正确的值。
使用 jquery 中的 .each 函数 - 我猜你在循环类似的元素 - 所以使用类似的东西添加点击：
$(element).children(class).each(function(i){
$(this).click(function(){
foo(i);
});
});
未经测试，但我总是尽可能使用这种结构。
或者只是制造一个新功能，正如你所描述的。它看起来像这样：
function foo(val) {
return function() {
alert(val);
}
}
for (var i = 0; i < 3; i++) {
$('#button'+i).click(foo(i));
}
我很确定 Mehrdad 的解决方案不起作用。当您看到人们复制到临时变量时，通常是为了保存“this”的值，该值可能在内部子作用域内有所不同。