如何通过jQuery选择类属性

Question

这是有问题的HTML：

<a href="#" class="a01">xxx a01</a>
<a href="#" class="b02">xxx a021</a>
<a href="#" class="c03">xxx aa021</a>
<a href="#" class="d04">xxx aaa2021</a>

点击链接，jQuery：

$("a").click(function(){
   alert($(this).html()); // we get xxx a01 , xxx a021 and so on..
})

如何获取类值，例如a01，b02，c03等？

感谢。

Answer 1

使用this.className，它比$(this).attr("class")更快，更省事。

$("a").click(function(){
    alert(this.className);
});

• element.className - Mozilla开发者网络

<小时/> 大多数属性可以作为元素的属性直接访问，因此将jQuery包装在this周围并使用attr()或prop()通常是不必要的。

在http://whattheheadsaid.com/2010/10/utilizing-the-awesome-power-of-jquery-to-access-properties-of-an-element（插件）上阅读更多内容。

Answer 2

您可以使用jQuery's .attr() method来检索元素中的任何属性。

$(this).attr("class")

Answer 3

alert($(this).attr('class'));

http://api.jquery.com/attr/