我将如何在纯JavaScript中实现类似jquerys .data()的东西?

时间:2013-09-26 14:40:18

标签: javascript jquery

我正在为工作而工作的项目想要jQuery的.data()实现的纯JavaScript版本。

我想复制这个。

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

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

由于jQuery是Javascript,我可以看一下,但是它使用了jQuery对象,这就是我想要抽象的东西。我认为有一种方法可以将数据集之类的哈希表与JavaScript相关联,并将其附加到对象上。

1 个答案:

答案 0 :(得分: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());