js for循环的陷阱

最新推荐文章于 2024-06-05 12:55:22 发布

转载最新推荐文章于 2024-06-05 12:55:22 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ywjy/p/4826429.html

文章标签：

#json #javascript #ViewUI

☞问题概述

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

转载于:https://www.cnblogs.com/ywjy/p/4826429.html