jquery - jQueryを使用してカスタム属性の値を取得するにはどうすればよいですか？

Question

jQueryを使用してカスタム属性の値を取得するにはどうすればよいですか？

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

Answer 1

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

ELEMENT-IDelement のプレースホルダーはどこにありますか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");