使用onclick函数动态添加表行

Question

Is it possible to pass the "id" parameter to the "onclick" function?

 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;
             }

When I click on row it says that items is undefined and I understand why, so I'm asking about other ways to get id parameter in onclick function. Also I'm thinking to keep id value in hidden cell

Answer 1

Without using jQuery, I'd do something along these lines:

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;
}

full fiddle here: http://jsfiddle.net/hztkzcya/