如何使用jQuery獲取自定義屬性的值？

Question

如何使用jQuery獲取自定義屬性的值？

<a href="" custom="this value"> 

Answer 1

var value = $('#ELEMENT-ID').attr('the-attribute'); 

哪裏ELEMENT-ID是你的元素id的佔位符。

DEMO

注意，自定義屬性是無效的HTML，但在幾乎每一個現代瀏覽器，他們將被忽略。

任何方式，你應該給你的自定義屬性的data-像一個前綴：
data-the-attribute

您可以使用jQuery data得到這個值：

var value = $('#ELEMENT-ID').data('the-attribute'); 

DEMO

Answer 2

雖然確實可以設置和檢索自定義屬性，使用data-*系統通常會更好。

示例HTML：

<p id="someElement" data-myValue="myValue"> Hello world </p> 

JavaScript示例：

// to get a data-* attribute: 
var someVariable = $("#someElement").data("myValue"); 

// to set a data-* attribute: 
$("#someElement").data("myValue", someVariable); 

Answer 3

使用以下，例如自定義屬性的名稱爲「custom"

var mycustomattributevalue = $("a").attr("custom");