javascript - 如果根據(jù)參數(shù)給table中的tr綁定不同事件
問題描述
function update() { var container = document.getElementById('ItemContainer'); container.innerHTML = ''; for(var i=0;i<this.bookMarkList.length;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); } }
綁定相同函數(shù)，但是每個(gè)tr傳的參數(shù)不同，應(yīng)該怎樣寫呢?，F(xiàn)在這樣寫每個(gè)tr都被綁定最新賦值的參數(shù)。
問題解答
回答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：
// 給你寫個(gè)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>
相關(guān)文章：
1. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個(gè)是怎么回事？？？？2. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異?！钡膬?nèi)存錯(cuò)誤？3. node.js - mongodb查找子對象的名稱為某個(gè)值的對象的方法4. html5 - datatables 加載不出來數(shù)據(jù)。5. javascript - QQ第三方登錄的問題6. 前端 - @media query 使用出現(xiàn)的問題？7. javascript - 在 model里定義的 引用表模型時(shí)，model為undefined。8. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)！9. 測試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]10. html5和Flash對抗是什么情況？
網(wǎng)公網(wǎng)安備