动态添加带有onclick函数的表行

时间:2014-11-17 21:30:29

标签: javascript html

是否可以将“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值

1 个答案:

答案 0 :(得分:2)

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