javascript - 如何在 jQuery/JavaScript 中获取行 ID onClick？

Question

我有一个填充了动态数据的表。最后一列有一个按钮，当我单击该按钮时，我想将行 ID 传递给 JS 函数。我需要 id，因为我正在执行 POST Ajax 请求，成功后我想获取响应数据并使用新数据更新所选行。

这就是我要插入新行的方法：

var rowNode = myTable.row.add([1,2,3,4,5,6,7,8]).draw();

但是我能做些什么来获取行 ID 并使用响应数据更新它？

编辑。数据表：

<table id="myTable" class="display compact" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Reg</th>  
                <th>Edit</th>                   
            </tr>
        </thead>
        <tbody>
            <?php foreach (get_all_customers_list() as $user) { ?>
                    <tr>
                        <td>
                            <b> <?php echo $user["recipient_name"]; ?></b>
                        </td>
                        <td>
                            <?php echo $user["registration_date"]; ?>
                        </td>                       
                        <td>
                            <button type="button" id="button_edit" onclick='edit_customer_request(<?php echo json_encode($user); ?>)' value="<?php echo $user; ?>" name="edit_customer">Editt</button>                             
                        </td>
                    </tr>
            <?php }?>
        </tbody>
 </table>

标签： javascriptphpjquerydatatabledatatables

Answer 1

这是我的简单回答：

var table = $('#table-values');

$('#table-values').on( 'click', 'tr', function(){
    var id = this.id;

    alert( 'Clicked row id '+id );
  });

简单的。:)