Возможно ли хранить в LocalStorage браузера набор элементов, созданных jQuery?

Question

[Moor]

Друзья, не идет из головы задачка.

Делается большая форма, часть элементов формируется добавлением инпутов через jQuery (пример на JSFiddle)

<ul id="names"><br>
    <li class="input-append"><br>
        <input type="text" name="a_name[]" id="a_name[]"><br>
        <a class="add_name" href="#">add more</a><br>
    </li><br>
</ul><br>

$('.add_name').click(function() {<br>
    $("#names").append('<li class="input-append">'<br>
						+ '<input type="text" name="a_name[]" id="a_name[]">'<br>
						+ ' <a class="remove_name" href="#">remove</a>'<br>
						+ '</li>');<br>
    return false;<br>
});<br>

Ввиду того, что форма немаленькая, храню все поля в LocalStorage. Однако созданные дополнительные поля, конечно же, не сохраняются при перезагрузке. Есть ли возможность их как-то держать в хранилище?

Answer 1

[spmbt]

Там хранятся только строки и сериализуемые (в строки) объекты. Дополнительные поля легко хранятся, если допрограммировать их сохранение (КО).

Comments

[Moor]

Оу, спасибо, не в курсе был, далеко не гуру jQuery. Что-то вроде такого?

var foo = {1: [1, 2, 3]};
localStorage.setItem('foo', JSON.stringify(foo));
var fooFromLS = JSON.parse(localStorage.getItem('foo'));

[spmbt]

Объекты jQuery как раз не могут храниться в localStorage — потому что это — объекты Javascript. Хранятся только строки. В хеше (точнее, в коллекции) первой глубины вложенности. (Гуглится, например, на www.javascript.ru .)
Да, как Вы описали — сохранится. Хеш foo может содержать только константы, массивы и хеши любой степени вложенности.

[Moor]

Отлично, значит, остается только после добавления элемента собирать циклом в массив, правильно понимаю?

Answer 2

[Никита Гусаков]

Если вам нужна производительность, зачем jquery еще заставляете парсить ваш код?

$("<li/>", {
    class: "input-append"
}).append(
$("<input/>", {
    type: "text",
    name: "a_name[]",
    id: "a_name[]"
})).append(
$("<a/>", {
    class: "remove_name",
    href: "#",
    text: "remove"
})).appendTo("#names");

Comments

[Никита Гусаков]

А еще есть js-шаблонизаторы. Им только json и скармливай)

[Moor]

Спасиб, да, я уже читал, что правильнее такой способ, но знаний не хватает пока, я совершенно не программил раньше, только верстка и дизайн. Но jQuery слишком увлекательна, чтобы упустить возможность попрактиковаться :) Что касается шаблонизаторов — пока еще не добрался до этого, сейчас почитаем по этому поводу.