个人中心
gpt4 book ai didi

javascript - jQuery 事件绑定(bind)按值传递

转载 作者：行者123 更新时间：2023-11-30 07:03:10 25 4
gpt4 key购买 nike

以下页面显示五个按钮，单击每个按钮都会收到警报“5”。我希望当我点击第一个按钮时，我得到警报“1”，第二个按钮“2”......等等。

<!doctype html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    </head>
    <body>
        <div id="nums"></div>
        <script type="text/javascript">
            var nums = [1,2,3,4,5];
            for(var i in nums){
                var num = nums[i];
                var btn=$('<button></button>').text(num).click(function(){alert(num);});
                $('#nums').append(btn);
            }
        </script>
    </body>
</html>

最佳答案

JavaScript 只有函数作用域，因此在您的示例中只有一个 num，它不断被修改，并且在调用 click 事件时，它等于 5。要解决这个问题，您必须创建正确的 closure具有新的功能范围，如下所示:

var nums = [1,2,3,4,5];
var createClick = function (num) { return function() { alert(num); }; };
for(var i in nums){
    var num = nums[i];
    var btn=$('<button></button>').text(num).click(createClick(num));
    $('#nums').append(btn);
}

关于javascript - jQuery 事件绑定(bind)按值传递，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6824870/

25 4 0
文章推荐： javascript - 在 asp.net 的 javascript 中获取服务器端控件 ID？
文章推荐： javascript数组推送问题
文章推荐： javascript - 每次单击按钮时重置 setTimeout？
文章推荐： javascript - 通过 jquery 下载文件并重定向
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com