使用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/