javascript - Jquery 在循环中使用 PHP 填充的表行

Question

希望有 jQuery 专业知识的人帮助我......

我有一个使用此类代码通过 php 动态创建的表:

...
  <tbody>
<?php
foreach ($members as $member){
  echo '<tr>';
    echo "<td><a href='#' class='edituser-information' title='edituser_information' data-id=" .$member['id']. "><img src='/images/edit-button.png' width='59' height='28' alt='EDIT'></a>";
  echo '</tr>';
}?>
  </tbody>
...

我将信息传递到 jQuery 函数中，然后使用 ajax:

$('#editUsersTable tbody').on('click', 'tr', function (){           
  data_id = $('td a.edituser-information', this).eq(0).attr('data-id');
  $.ajax({
   url: 'edit_specific_user.php',
   type: 'POST',
   data: {id : data_id},
   ...

问题:

ajax 脚本正确拾取 data-id，因为它直接通过单击的行加载信息...不幸的是，我想要的是用户被迫单击编辑按钮，而不仅仅是单击中的行 table ...

到目前为止，用户只需单击该行，然后就会直接进入 jQuery，因为整行 是触发器。

如何更改用户必须单击特定行的编辑按钮，而不是行本身？

提前谢谢您!!

Answer 1

尝试

$('#editUsersTable tbody tr td').on('click', 'a.edituser-information', function (){           
    data_id = $(this).eq(0).attr('data-id');
    $.ajax({
    url: 'edit_specific_user.php',
    type: 'POST',
    data: {id : data_id},
    ...