jquery - 如何使用 jQuery 获取自定义属性的值？

Question

如何使用 jQuery 获取自定义属性的值？

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

Answer 1

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

ELEMENT-ID您的元素的占位符在哪里id。

演示

请注意，自定义属性不是有效的 HTML，尽管在几乎所有现代浏览器中它们都会被忽略。

无论如何，你应该给你的自定义属性一个前缀，data-比如：
data-the-attribute

您可以使用 jQuerydata来获取此值：

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

演示

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");