在動態附加的jQuery事件中使用變量

Question

我試圖在動態添加的jQuery事件中使用變量。當我運行這個時，我點擊時不斷得到每個div的「數字是3」。

$(document).ready(function() { 

    for (var i = 0; i < 3; i++) { 

     var html = $('<div>Click Me</div>'); 

     html.on('click', function(){ 

      console.log('The number is ' + i); 
     }); 

     $('body').append(html); 

    } 

}); 

Answer 1

$(document).ready(function() { 
    for (var i = 0; i < 3; i++) { 
     var html = $('<div>Click Me</div>'); 

     (function(index) { 
      html.on('click', function(){ 
       console.log('The number is ' + index); 
      });  
     })(i); 

     $('body').append(html); 
    } 
});