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

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

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

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

如何将上述数据角色添加到相关的ul标签中？

Answer 1

阅读这篇文章

来自文章

---

jQuery.com – “.data（）方法允许我们以一种不受循环引用安全的方式将任何类型的数据附加到DOM元素，从而避免内存泄漏。”

随着HTML5的引入，我们也可以将它作为属性使用。 例如

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

Answer 3

作为diEcho响应的补充，您在jQuery中有2个data（）方法。

第一个是在@diEcho响应中详细说明的，你将.data（）应用于jQuery选择，它是一个带有一个参数的getter和一个带有多个参数的setter。

第二种方法是jQuery.data（） ，直接应用于jQuery。 它在第一个位置需要一个参数，DOM元素（如果你有一个jQuery选择，你得到一个get（0）你得到DOM元素）。