js for循环的陷阱

定义一个数组，var temp = ["提示1", "提示2", "提示3"];

定义三个按钮的点击触发函数：

for (i in temp) {
　　var tip = temp[i];
　　var selector = "input.button:eq(${index})".replace(/\$\{index\}/, i);
　　$(selector).click(function() {
　　　　alert(tip);
　　});
}

结果发现，三个按钮点击弹出的都是"提示3"。

使用jquery 的each循环，没有上述问题：

$.each(temp, function(i, tip) {
　　var selector = "input.button:eq(${index})".replace(/\$\{index\}/, i);
　　$(selector).click(function() {
　　　　alert(tip);
　　});
 });