jquery - 如何检查点击链接的类别

Question

我的页面上有几个链接，并且希望在用户单击它时运行 JQuery 脚本。之前我已向链接添加了一个唯一 ID，例如

<a id="user_1" class="mylink">

在我的点击事件中，我提取了 ID 并开始对其进行处理

userid = $(this).attr('id').split('_')[1];

现在我遇到的问题是我的页面可能有多个具有相同 id 的链接，当然这是不可能的(据我所知)。所以我想我必须将其添加为类(class)，对吧？例如

<a class="mylink user_1">

这是最好的方法吗？那么我怎样才能从类中提取 userID ('1') 呢？ jQuery 脚本当然还应该注意有一些没有类“user_,,,”的 a 链接。非常感谢!

Answer 1

最好的方法是使用自定义 data-* 属性。它们符合 HTML5 标准，并且可以在早于该标准的浏览器中普遍使用。

所以您的链接可能如下所示:

<a data-user="1" class="mylink">

您的点击处理程序可能如下所示:

$('a').click(function(){
    var userId = $(this).data('user');
});

这有效是因为 data导入 data-* 属性。

如果没有设置data-user属性，userId将为undefined。