如何检查单击链接的类

Question

我的页面上有几个链接,并希望在用户单击它时运行JQuery脚本.以前我在链接中添加了一个唯一的ID,例如

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

在我的点击事件中,我然后提取了ID并开始处理它

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

现在我遇到的问题是我的页面可能有几个具有相同ID的链接,当然这是不可能的(afaik).所以我想我必须把它添加为课程,对吧？例如

<a class="mylink user_1">

这是最好的方法吗？然后,我怎么能从类中提取userID('1')？jQuery-Script当然也应该注意有一些没有类'user _ ,,,'的链接.提前谢谢了!

Answer 1

最好的方法是使用自定义data-*属性.这些符合HTML5标准,并且在比该标准更早的浏览器中普遍使用.

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

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

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

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

这有效,因为data导入data-*属性.

如果没有data-user设置属性,userId将会undefined.