Вы можете создавать строки JSON и сохранять их, чтобы при извлечении данных их можно было проанализировать как JSON и извлечь из него объект. Таким образом, вы можете хранить всю информацию об одном элементе в объекте.
UPDATE
Вот инструмент, который вы можете включить для «преобразования» объектов JavaScript в JSON (он добавит эту функциональность в браузеры, у которых этого еще нет): https://github.com/douglascrockford/JSON-js
И вы можете вкладывать объекты, если хотите:
var myObj = {
level_one : {
level_two : {
key : 'val'
},
level_two_too : {
level_three : {
key : 'val'
}
}
},
level_one_too : {
key : 'val'
}
},
str = JSON.stringify(myObj);
Переменная str
теперь будет содержать строку, подобную этой:
{"level_one":{"level_two":{"key":"val"},"level_two_too":{"level_three":{"key":"val"}}},"level_one_too":{"key":"val"}}
Вот демоверсия: http://jsfiddle.net/ycxcV/
UPDATE
Итак, ваш $.storage()
вызов функции будет выглядеть примерно так:
$.Storage.set({"element-one":JSON.stringify($('#element-one')), "element-two":JSON.stringify($('#element-two'))})
Вот обновленная демонстрация, которая показывает создание строки JSON и ее синтаксический анализ обратно в объект: http://jsfiddle.net/ycxcV/1/
Это сохранит объекты jQuery, связанные с элементами DOM #element-one
и #element-two
, в локальном хранилище.