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。

上一篇:js 各种循环遍历


下一篇:放弃jQuery,使用原生js吧!