如何从 JavaScript 中的附加表中获取每一行中的 id 值

Question

示例：

  var table = "<table class='table'>";
  table += "<thead>";
  table += "<center><h5 style='font-weight:bold;color:red'>Aution Notice 
  Report</h5></center><br>";
  table += "<tr style='font-weight:bold'>";
  table += "<th style='width:95px;'>NO</th>";
  table += "<th style='width:175px;'>PTN DATE</th>";
  table += "<th style='width:150px;'>PTN</th>";
  table += "<th style='width:220px;'>FIRST NAME</th>";
  table += "<th style='width:220px;'>LAST NAME</th>";
  table += "<th style='width:270px;'>ADDRESS</th>";
  table += "</tr>";
  table += "<thead>";
  table += "<tbody>";
  $.each(data, function (index, value) {
  table += "<tr>";
  table += "<td style='width:95px;'>" + _loop + "</td>";
  table += "<td style='width:175px;'>" + value.TransDate + "</td>";
  table += "<td style='width:150px;'><input  id='ptnno' title='click me' 
  type='submit' name='Command' value='" + value.PTN + "'style='width:100px; 
  height:auto; background-color:transparent;color:black'  /></td>";
  table += "<td style='width:220px;'>" + value.CustFirstName + "</td>";
  table += "<td style='width:220px;'>" + value.CustLastName + "</td>";
  table += "<td style='width:270px;'>" + value.CustAdd + "</td>";
  table += "</tr>";
  _loop++;
  });
  table += "</tbody></table>";
  $("#reportdata").html(table);

我想在这里获取这部分的值：

  table += "<td style='width:150px;'><input  id='ptnno' title='click me' 
  type='submit' name='Command' value='" + value.PTN + "'style='width:100px; 
  height:auto; background-color:transparent;color:black'  /></td>";

---

这是我获得价值的方式

  $("#reportdata").on('click', '#ptnno', function () {
    ptn = $("#ptnno").val();
    document.getElementById("getdata").click();
  });

问题是： 只有第一行可以传递ID的值，但我喜欢获取每一行的ID值。请有人帮我解决这个问题。

非常感谢您的回复。谢谢。

Answer 1

问题是ID 应该是唯一的。目前您正在使用多个ptnno ID。您必须改用类。

在您的循环中，使用 ptnno 作为一个类，例如：

  table += "<td style='width:150px;'><input  class='ptnno' title='click me' 
  type='submit' name='Command' value='" + value.PTN + "'style='width:100px; 
  height:auto; background-color:transparent;color:black'  /></td>";

以及如何获得价值：

  $("#reportdata").on('click', '.ptnno', function () {
    var ptn = $(this).val(); /* Use this as selector to get the value of the clicked btn*/
    //......
  });