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

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

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

1 个答案: