将参数传递给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

在整个HTML中,ID必须是唯一的.所以你可以使用类选择器和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;
});