Internals/API/jQuery
jQuery.data(elem, name)
要素に関連付けられた、指定された名前の値を返します。
ここで指定する要素は、あくまでDOMの要素であることに注意して下さい。
操作中の要素がjQueryオブジェクトである場合、get()などを用いてDOM要素を抽出する必要があります。
ここで指定する要素は、あくまでDOMの要素であることに注意して下さい。
操作中の要素がjQueryオブジェクトである場合、get()などを用いてDOM要素を抽出する必要があります。
サンプル
サンプル1
div要素に付随したデータを操作します。
<div id="adiv">DIV要素</div> <button>"blah" に "hello" を代入</button> <button>"blah" に 86 を代入</button> <button>"blah" の値を削除</button> <p>DIV要素の "blah" の現在値は <span>?</span> です。</p>
$("button").click(function(e) {
var adiv = $("#adiv").get(0);
var value;
switch ($("button").index(this)) {
case 0 :
jQuery.data(adiv, "blah", "hello");
break;
case 1 :
jQuery.data(adiv, "blah", 86);
break;
case 2 :
jQuery.removeData(adiv);
break;
}
value = jQuery.data(adiv, "blah");
$("span").text("" + value);
});
[全コードを表示]
[実行結果を単体で表示]