jquery - 如何在 jQuery 点击函数中存储局部变量？

Question

我试图弄清楚如何在 jQuery 的 click() 事件期间创建的函数中存储外部变量值。这是我现在正在使用的代码示例。

for(var i=0; i<3; i++){
    $('#tmpid'+i).click(function(){
        var gid = i;
        alert(gid);
    });
}

<div id="tmpid0">1al</div>
<div id="tmpid1">asd</div>
<div id="tmpid2">qwe</div>

所以发生的情况是事件正确附加，但“gid”的值始终是“i”的最后一个递增值。我不确定在这种情况下如何设置私有(private)变量。

Answer 1

您可以创建一个闭包并将i分配给闭包的局部变量。然后，在创建闭包时而不是在函数运行时，为 gid 变量分配 i 的值。

for(var i=0; i<3; i++){
    (function() {
        var gid = i;
        $('#tmpid'+i).click(function(){
            alert(gid);
        });
    })();
}