通过单击DOM表访问正确的行

时间:2018-07-27 08:29:19

标签: javascript dom

我用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);
                                      });

0 个答案:

没有答案