动态添加事件监听器。函数会触发，但我如何发送变量参数？
动态添加事件监听器。函数会触发，但我如何发送变量参数？
提问于 2013-04-02 23:09:36
我正在用JavaScript构建一个表，其中包含一个单元格，其中包含一个链接，单击该单元格时，应该会触发一个函数。单元格是在一个循环中添加的，在这个循环中，i会随着每个周期递增，我希望将i作为参数嵌入到我的函数中。
使用下面的代码，当我在接收函数中使用alert(i);时，我没有得到正确的数字。首先，无论迭代如何，添加的元素都具有数字3 (可能不是巧合，我在一个3个记录的数据源上测试了这一点)。
代码
// Add supplier name to cell as a link
var a = document.createElement('a');
var linkText = document.createTextNode(data[i].supName);
a.appendChild(linkText);
a.title = "Click to create a purchase order.";
a.href = "#";
alert('inserting '+i); // diagnostic line
a.onclick = function(){postData ('main/createPO.php', '', 'makePO(resp,'+i+')', '', '')};
td1.appendChild(a);
tr.appendChild(td1);上面是在i递增的for循环中。
诊断警报将触发：
inserting 0
inserting 1
inserting 2..。但是嵌入的i似乎总是3！
这是重要的一行：
a.onclick = function(){postData ('main/createPO.php', '', 'makePO(resp,'+i+')', '', '')};回答 2
Stack Overflow用户
回答已采纳
发布于 2013-04-02 23:17:52
这个人和你有同样的问题，有一个很好的答案：JavaScript closure inside loops – simple practical example
Stack Overflow用户
发布于 2013-04-02 23:24:32
有一种更简单的方法来解决你的问题。我对这个问题有一个更复杂的版本。
对于每个元素，只需创建一个自定义属性。
$(a).attr("myValue"，i)；
然后在.click上，只需传递Number($(.click).attr(“myValue”))；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15776066
复制相关文章
点击加载更多
相似问题
动态添加时不触发JQuery事件监听器
如何动态添加事件监听器
向动态创建的事件监听器添加参数
动态添加事件监听器
动态添加事件监听器
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
