使用onclick函数动态添加表行

Question

是否可以将“ 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值保留在隐藏的单元格中

Answer 1

如果不使用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/