js for循环的陷阱

☞问题概述

　　一页面有三个按钮，点击提示相应内容。相应内容已从后台获取，并转化成json数组。

　　var content = ["提示1", "提示2", "提示3"];

☞js for循环遍历实现

for (i in content) {
    var selector = ".for-in:eq(${order})".replace(/\$\{order\}/, i);
    $(selector).val(content[i]);
    $(selector).click(function() {
        alert(content[i]);
    });
}    

结果：点击按钮，每一个都弹出"提示3"。

有一种可能：每一次设置元素点击的提示内容时，仅仅只是设置了一个地址（指向当前遍历的元素），随着遍历的推进，地址的内容最终变成了数组的最后一个字符串元素；结果所有的元素点击的提示内容，也都变成了最后一个字符串。

☞jquery each遍历实现

$.each(content, function(i, item) {
    var selector = ".each:eq(${order})".replace(/\$\{order\}/, i);
    $(selector).val(item);
    $(selector).click(function() {
        alert(item);
    });
})

结果：OK。