jquery - jQuery - HTML 5 データ属性を DOM に追加する方法

Question

HTML 5 データ属性を DOM に追加しようとしています。jQueryサイトで、データ属性の形式は次のとおりです。

$('.pane-field-related-pages ul').data("role") === "listview";

しかし、これはDOMに何も追加していないようです?

上記の data-role を関連する ul タグに追加するにはどうすればよいですか?

Answer 1

この記事を読む

記事より

---

jQuery.com - 「.data() メソッドを使用すると、任意の型のデータを DOM 要素に関連付けることができ、循環参照やメモリ リークを防ぐことができます。」

HTML5 の導入により、属性としても使用できるようになりました。例えば

<div data-role="page" data-hidden="true" data-options='{"name":"John"}'></div>


//We can call it via:
$("div").data("role") = "page";
$("div").data("hidden") = true;
$("div").data("options").name = "John";

別の方法

$("div").data("role", "page");
$("div").data("hidden", "true");
$("div").data("role", {name: "John"});

Answer 2

Jquery API の .data() のドキュメントによると、設定するには次のようにする必要があります。

$('.pane-field-related-pages ul').data("role", "listview");

そして、これを確認するには：

$('.pane-field-related-pages ul').data("role");