我将如何在纯 javascript 中实现类似 jquerys .data() 的东西？答案

【问题标题】：how would i implement something like jquerys .data() in pure javascript?我将如何在纯 javascript 中实现类似 jquerys .data() 的东西？
【发布时间】：2013-09-26 14:40:18
【问题描述】：

我正在从事的一个项目想要一个纯 JavaScript 版本的 .data() jQuery 实现。

我想复制这个。

我进行了搜索，Where is jQuery.data() stored? 显示了它在 jQuery 中的存储位置。

我希望我可以将数据段附加到 HTML 元素以供以后访问。

由于 jQuery 是 Javascript，我可以在那里查看，但它使用了 jQuery 对象，这是我试图抽象的对象。我想有某种方法可以将像数据集这样的哈希表与 JavaScript 关联起来，并将其附加到对象上。

【问题讨论】：

element.readAttribute();
I was hoping that i could just attach a datasegment to a html element for accessing later. 你试过了吗？你发现了什么？
html5doctor.com/html5-custom-data-attributes
@Diodeus 不是 Prototype.js 吗？
你是对的。元素.getAttribute()。一辈子的框架太多了。

标签： javascript jquery

【解决方案1】：

http://jsfiddle.net/npXQx/

显示您可以在对象中创建一个 .data 然后将其保留。可以访问两次，数据就在那里。

这个例子展示了一个简单的字符串赋值和一个函数，它被多次调用。

var item = document.getElementById("hi");
console.log(item);

item.data = {getType: function(){return this.TYPE},TYPE:"winner"};

var out = item.data.getType();
console.log("out", out);

var two = document.getElementById("hi")
console.log("should say 'winner': ", two.data.getType());

【讨论】：