如何使用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");