如何通過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

您可以使用jQuery's .attr() method以從元素中檢索任何屬性。

$(this).attr("class") 

Answer 2

使用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 3

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

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