如何检查点击链接的类

Question

我在页面上有几个链接，并且当用户点击它时想运行一个JQuery脚本。以前，我在链接中添加了一个唯一的ID，例如

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

在我的单击事件我那么提取的ID，并在它开始的处理

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

现在我有我的页面可能具有相同的id几个环节的问题，当然这是不可能（afaik）。所以我想我必须将它添加为类，对吗？例如

<a class="mylink user_1"> 

这是最好的方法吗？然后，我怎么才能从类中提取用户ID（'1'）？ jQuery脚本当然也应该注意，有一些没有class'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。

Answer 2

this.className，或者如果你想使用jQuery对象做到这一点（有没有很好的理由这样做）：$(this).attr('className')

从这个字符串，你可以用正则表达式（/userid_([0-9]+)/）...

提取ID

---

但是，使用HTML5 data-属性会更好。由于浏览器是很沉得住气未知属性他们不破坏任何东西，并会正常工作与HTML4和XHTML：

<a class="mylink" data-userid="1">---</a> 
... 
var userid = $(this).data('userid'); 

的好处是：如果你把有效的JSON的数据属性，.data('yourAttr')会自动返回一个对象而不是一个字符串。

Answer 3

试试这个

http://jsfiddle.net/Wa6gN/