jquery - 在 $.each fn 中创建的回调和使用 for 循环的回调行为有何不同？

Question

全部我编写了一些如下所示的测试代码。

var selects = [$('#elem1'), $('#elem2'), $('#elem3')];

$.each(selects, function(item){
    selects[item].bind('click', function(){
        console.log("each function : " + item);
    });
});

for(var i = 0; i < selects.length; i++){
    var elem = selects[i];
    elem.bind('click', function(e){
        console.log("for loop : " + i);
    });
}

我制作了三个按钮来绑定(bind)到事件。并经过测试

如果我单击名称为“elem1”的按钮，结果为:

console $
each function : 0
for loop : 3

如果我单击名称为“elem2”的按钮，结果为:

console $
each function : 1
for loop : 3

两个循环示例之间发生了什么？请告诉我。

谢谢，祝你有美好的一天。

Answer 1

i 指的是计数器变量本身，而不是它的值。您必须按值传递它:

for(var i = 0; i < selects.length; i++){
    var elem = selects[i];

    (function(i) {
        elem.bind('click', function(e) {
            console.log("for loop : " + i);
        });
    })(i);
}

在匿名函数中隐藏 i 可以做到这一点。