奇妙な値

Question

可能性の重複：

for(var i = 1; i <= 5; i++){ 
    $('<div class="e-' + i + '"></div>').appendTo(something).click(function(){ 
    alert(i); // <-- it's 6. wtf?? 
    }); 
} 

：私はすべてのdiv要素のためにここに私の関数の内部で "6" を取得するいくつかの理由
Javascript infamous Loop problem?

,1,2,3などの代わりに

一方、クラスは正しく設定されているようです。

私は間違っていますか？

Answer 1

forループがページ読み込み時に実行されています。 forループが終了した後に発生しているクリックイベントがある場合にのみ警告が発生します。したがってiの値がforループはいつか後にクリックイベントが発射されるそのようなもの...

2）を行い、今6

1）ページがロードされます。 forループが既に完了しているため、この時点でのiの値は6です。

Answer 2

問題は、あなたがクリック機能をバインドする時にiの値を捕捉するためにクロージャを作成する必要があるということです。

for(var i = 1; i <= 5; i++) 
{ 
    $('<div class="e-' + i + '"></div>') 
    .appendTo(something) 
    .click(function(value) 
    { 
     return function() { alert(value) }; 
    }(i)); 
}