如何從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*/
    //......
  });