php - 将参数传递给 jQuery 函数？

Question

这看起来很简单，但我对 jQuery 没有什么经验，所以我无法理解它。

假设我有一个动态生成的 HTML 表格，表格的每一行都有一个链接:

<a id='edit'>Edit User</a>

现在，链接应该调用一个函数，每个用户的 ID 作为参数。我可以这样内联:

<a id='edit' onClick='editUser(<?php echo $row['id']; ?>)'>Edit User</a>

但我如何在 jQuery 中执行此操作？

我可以这样调用函数:

$('a#edit').click(function () {
      editUser()
      return false;
    });

但是如何将 ID 传递给此函数？我知道我可以先将它粘贴到一个隐藏字段中，然后通过元素 ID 从那里获取它，但肯定有更好的方法吗？

我知道这样所有链接都会有相同的 ID，那么我应该通过附加用户 ID 来动态创建链接 ID 吗？但是我该如何调用 jQuery？

Answer 1

id 在整个 HTML 中必须是唯一的。所以你可以使用类选择器和 HTML5 data-* 属性:

<a class="edit" data-id="<?php echo $row['id']; ?>">Edit User</a>

然后:

$('a.edit').click(function () {
    var id = $(this).data('id');
    // do something with the id
    return false;
});