使用 onclick 函数动态添加表行

dynamically add a table row with an onclick function

本文关键字：添加 动态 onclick 函数 使用      更新时间：2023-09-26

是否可以将"id"参数传递给"onclick"函数？

 for (var i = 0; i < items.length; i++)
             {
             var row = table.insertRow(0);
             row.onclick = (function() {
             var id = items[i].id;// here!
             });
             var cell = row.insertCell(0);
             cell1.innerHTML = items[i].title;
             }

当我单击行时，它说项目未定义，我明白为什么，所以我询问在 onclick 函数中获取 id 参数的其他方法。我也在考虑将 id 值保留在隐藏单元格中

如果不使用 jQuery，我会做一些类似的事情：

for (var i = 0; i < items.length; i++) {
    var row = table.insertRow(0);
    row.setAttribute("data-myID", items[i].id);
    row.onclick = (function() {
        console.log(this.getAttribute("data-myID"));
    });
    var cell = row.insertCell(0);
    //cell1.innerHTML = items[i].title;
}

完整的小提琴在这里：http://jsfiddle.net/hztkzcya/

相关文章：