文章详情页

javascript - 如果根据参数给table中的tr绑定不同事件

浏览：108日期：2023-01-02 10:15:08

问题描述

绑定相同函数，但是每个tr传的参数不同，应该怎样写呢。现在这样写每个tr都被绑定最新赋值的参数。

问题解答

回答1：

for(var i=0;i<this.bookMarkList.length;i++){(function(i){ var name = this.ItemContainer[i].name; var tr = document.createElement(’tr’); var td = document.createElement(’td’); tr.appendChild(td); tr.onclick = function(){add(name);}; container.appendChild(tr);})(i) } 回答2：

// 给你写个demo吧<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><meta http-equiv='X-UA-Compatible' content='ie=edge'><title>Document</title></head><style></style><body><table border='1' width='100'></table><script> function add (name) {alert(name); } function update() {var container = document.getElementById('ItemContainer');console.log(container);container.innerHTML = '';for(let i=0; i<5; i++) { let name = i; let tr = document.createElement(’tr’); let td = document.createElement(’td’); td.innerHTML = i; tr.appendChild(td); console.log(name) tr.onclick = function (){return add(name); }; container.appendChild(tr);} } update() </script></body></html>

JavaScript

上一条：javascript - 保存在react组件中的localStorage会随着组件的更新而更新吗？下一条：html5 - 如何利用Canvas技术制作出上下跳动的音乐谱

相关文章：

1. docker-compose中volumes的问题2. javascript - 这里的这个函数是干嘛用的？3. dockerfile - [docker build image失败- npm install]4. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题5. java如何高效读写10G以上大文件6. 请教python编码风格和异常处理问题7. Python Tornado批量上传图片并显示功能8. css - input元素的time控件无法选择9. python 字符串匹配问题10. android - viewpager问题PagerTabStrip样式