for循环时jquery闭包问题

最新推荐文章于 2021-03-30 21:02:50 发布

转载最新推荐文章于 2021-03-30 21:02:50 发布 · 903 阅读

js 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了使用jQuery处理for循环中的闭包问题，展示了如何正确传递和捕获循环变量，避免常见的陷阱，确保点击事件能准确反馈对应元素的索引。

for循环时jquery闭包问题

出问题代码：

for(var i=0;i<=5;i++){
            $("<a href='#'>"+i+"</a><br />").bind("click",function(){
                alert(i)
            }).appendTo($("body"))
        }

需写成

bind(event,data,function)

才能得到对应的i

for(var i=0;i<=5;i++){
            $("<a href='#'>"+i+"</a><br />").bind("click",{'value':i},function(v){
                alert(v.data["value"])
                alert(v.pageX)
            }).appendTo($("body"))
        }

data会传给function的参数event的data属性，通过event.data引用