javascript - 单击按钮时获取动态表值

Question

当点击button id='btn1'时，我需要获取动态表格的特定td值。 td 值将显示在 Display() 中，这是一种模态形式。

这是我的表行代码:

$query = "SELECT SID , FNAME , MNAME , LNAME , SCONTACT , MOTHER_FNAME , MOTHER_MNAME , MOTHER_LNAME , MCONTACT FROM student"; $result = mysqli_query($db, $query); $result_check = mysqli_num_rows($result); if($result_check > 0){ while ($row = mysqli_fetch_assoc($result))
{ echo "
<tr class='tr'>
  <td class='nr'>" . $row["SID"] . "</td>"; echo "
  <td>" . $row["FNAME"] ."&nbsp;". $row["MNAME"] ."&nbsp;". $row["LNAME"] . "</td>"; echo "
  <td>" . $row["SCONTACT"] . "</td>"; echo "
  <td>" . $row["MOTHER_FNAME"] ."&nbsp;". $row["MOTHER_MNAME"] ."&nbsp;". $row["MOTHER_LNAME"] . "</td>"; echo "
  <td>" . $row["MCONTACT"] . "</td>"; echo "
  <td>" . "<button id='btn1' onclick='Display()' class='inline'>Create Offense</button>"; } }
echo "</td></tr>";

获取特定td值的代码:

<script type="text/javascript">
  $("#btn1").click(function() {
    var num = $(this).parents("tr").find(".nr").text();
    $(".resultas").text(num);
  });
</script>

我得到的只是第一行的 td 值。有什么建议吗？

Answer 1

您为每个元素设置了相同的 id，因此使用 class 而不是 id，将 #btn1 更改为 .inline

<script type="text/javascript">
  $(".inline").click(function() {
    var num = $(this).parents("tr").find(".nr").text();
    $(".resultas").text(num);
  });
</script>