用javascript生成动态onclick事件

Question

我动态生成一系列onclick事件，其中alert（）与假装内容的循环数相关联。我的问题是，目前警报输出最后一个循环的'i'值，而不是与假装内容相关的第i个循环。有什么想法吗？

的JavaScript：

for (i = 1; i < 4; i++) { 

    prepend_content = '<a href="#" id="img1_link_' + i + '" onclick="alert(i);">foo</a>'; 
    $('#dynamic_div').prepend(prepend_content); 

} 

非常感谢。

Answer 1

尝试串联像你之前做：

你可能想声明i和prepend_content（与var）的情况下，你已经没有，以确保他们不会泄漏到全球范围。

同时，我不会建议在内联事件处理程序中使用或添加HTML。尝试创建该元素是这样的：

prepend_content = $("<a>").attr({ 
    href: "#", 
    id: "img1_link_" + i 
}).text("foo").on("click", (function (i) { 
    return function() { 
     alert(i); 
    }; 
})(i)); 

DEMO：http://jsfiddle.net/ujv4y/

额外使用了click处理程序立即调用函数的是使捕获的i在循环值封闭。

Answer 2

您可以使用讨好的警报功能（用于更复杂的东西）：

function(i) { 
return function(){alert(i);} 
}