如何获得点击行的ID值？

Question

I generated a table by getting the values from database. I set the primary key value to the row's id value, I have button in that row also. How to get the respective id value when I click the button.

  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

Try this for a pure JavaScript solution:

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

The first parentNode will get the <td> , the second will get the <tr> . We then get the id attribute.

Alternatively the syntax is a little nicer if you're using jQuery:

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

Answer 2

尝试这个：

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

Answer 3

You can set it as the parameter of the js function.

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

Then in the js

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

Answer 4

Just put the value in the JS call

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>';
 }

Javascript

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

Answer 5

Probably this is what you need

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

If you do not want to use jquery then do as follows:

 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

try this :

 <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>";
   }  

Your can pass argument JavaScript function