jQuery - 如何将HTML 5数据属性添加到DOM中

Question

我正在尝试将HTML 5数据属性添加到DOM中.我在jQuery网站上看到过数据属性的格式是:

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

但这似乎没有在DOM中添加任何东西？

如何将上述数据角色添加到相关的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"});