我用DOM在JavaScript中创建了一个表格。表中的数据来自mysql数据库。对于每一行,我都有一个按钮,我想访问与该按钮所在行相同的单元格。但是此代码返回最后一行的单元格。如何动态访问正确的行?
var body = document.getElementsByTagName("body")[0];
table = document.createElement("table");
tablebody = document.createElement("tbody");
for(var j = 0; j < myObj.length; j++) {
row = document.createElement("tr");
cell = document.createElement("td");
texte = document.createTextNode(myObj[j].ptitle, 0);
cell.appendChild(texte);
row.appendChild(cell);
cell = document.createElement("td");
texte = document.createTextNode(myObj[j].pcontent, 1);
cell.appendChild(texte);
row.appendChild(cell);
cell = document.createElement("td");
texte = document.createTextNode(myObj[j].pmeta, 2);
code = myObj[j].pmeta;
cell.appendChild(texte);
row.appendChild(cell);
cell = document.createElement("td");
row.appendChild(cell);
var btn = document.createElement('input');
btn.type = "button";
btn.className = "btn";
btn.value = 'Copy';
btn.addEventListener("click",function copier()
{
console.log(code);
alert(code);
});