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(), чтобы удалить его напрямую.