如何獲得點擊行的ID值？

Question

我通過從數據庫獲取值來生成表。 我將主鍵值設置為該行的id值，在該行中也有一個按鈕。 單擊按鈕時如何獲取相應的id值。

  while($pack = mysql_fetch_array($get_pack))
    {
       echo"<tr id='<php echo $pack[id];?>'>";
       echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack()"/></td>';
     }

function edit_pack()
   {
   alert("package editing")
   alert(this.id)
   }

Answer 1

嘗試以下操作以獲取純JavaScript解決方案：

function edit_pack() {
    alert(this.parentNode.parentNode.id);
}

第一個parentNode將獲得<td> ，第二個將獲得<tr> 。 然后，我們獲得id屬性。

另外，如果您使用的是jQuery，則語法會更好一些：

function edit_pack() {
    alert($(this).closest('tr')[0].id;
}

Answer 2

嘗試這個：

  var trid = $(this).closest('tr').attr('id');

Answer 3

您可以將其設置為js函數的參數。

echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack( ' .$pack['id']. ' )"/></td>';

然后在js

function edit_pack(id){ 
  alert(id);
}

Answer 4

只需將值放在JS調用中

的PHP

while($pack = mysql_fetch_array($get_pack))
{
   echo '<tr id="'.$pack[id].'">';
   echo '<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack('.$pack[id].')"/></td>';
 }

Java腳本

function edit_pack(id) {
   alert(id);
}

Answer 5

可能這就是您所需要的

while($pack = mysql_fetch_array($get_pack))
{
   echo"<tr id='<php echo $pack[id];?>'>";
   echo'<td> <input parentrow_id='<php echo $pack[id];?>' name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack(this.parentrow_id)"/></td>';
 }

Answer 6

如果您不想使用jquery，請執行以下操作：

 while($pack = mysql_fetch_array($get_pack))
 {
    echo"<tr id='<php echo $pack[id];?>'>";
    echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack('<?php echo $pack[id];?>')"/></td>';
 }

function edit_pack(pack_id)
{
   alert("package editing");
   alert(pack_id);
}

Answer 7

嘗試這個 ：

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script>
    $(document).ready(function(){
       $("[name=edit_pack]").click(function(){
           alert($(this).parents("tr").attr('id'));
       });
    });
 </script>
<?php
       echo"<table name='test'>";
       echo"<tr id='20'>";
       echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack()"/></td>';
       echo"</tr>";
       echo"</table>";
?>

Answer 8

 while($pack = mysql_fetch_array($get_pack)){
       echo"<tr id='$pack[id]'>";
       echo " <td> <input name='edit_pack' type='button' value='Edit' onclick='edit_pick($pack[id]);'/></td>";
        echo "</tr>";
   }  

您可以傳遞參數JavaScript函數