☞问题概述
一页面有三个按钮,点击提示相应内容。相应内容已从后台获取,并转化成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。