javascript - jQuery:在 jQuery 对象中存储附加/额外数据/信息？

Question

在 jQuery 对象中存储额外数据是否可行且明智？

现在我有包含一些数据的对象，但这些对象也有该数据的可视化表示。这行得通，但是我有很多代码可以使它们保持同步。

例如，如果您从 dom 中删除一个对象，我还必须从对象数组中删除相关对象。删除相当简单，但如果我开始对对象进行排序/移动，它会变得有点复杂。

Answer 1

您可以使用 $.data()为此 :)

例如:

$.data(element, 'varName', value);      //store
var value = $.data(element, 'varName'); //get

或者使用对象方法.data() :

$("#ElementID").data('varName', value);      //store
var value = $("#ElementID").data('varName'); //get

这不会将数据存储在 对象上，而是将其存储在 $.cache 中(在本页的控制台中尝试)，但它是关联的使用对象，通过 this[$.expando]。

但是，如果您调用 .empty()删除对象，或 .remove() ，它将为您进行清理。您也可以调用.removeData()或 $.removeData()直接删除它。