变量的值在循环内没有发生可预测的变化

Question

我的 javascript 循环无法正常工作。我得到的只是$i 的最终值。

$(function() {
    var $count = $('#count').val();
    for (var $i = 1; $i < $count; $i++) {
        var btnRemove = $('#removeImage' + $i);
        var profilepictureid = $('#profilePitcureID' + $i).val();
        btnRemove.click(function() {
            alert($i);
        });
    }
});​

Answer 1

当您的 click 事件处理程序执行时，$i 已达到其最终值 ($count - 1)。您需要在循环的每次迭代中捕获$i 的值。您可以通过引入一个闭包来做到这一点，该闭包在每次迭代时“关闭”$i 的值：

for(var $i=1; $i<$count; $i++) {
    var btnRemove=$('#removeImage'+$i); 
    var profilepictureid = $('#profilePitcureID'+$i).val();

    (function ($i) {
        btnRemove.click(function(){
            alert($i);
        });
    }($i));
}