html5 localStorage путаница

Question

Я пытаюсь выяснить, как хранить динамически созданные элементы списка в локальном хранилище с помощью системы пар ключ / значение, но не могу понять ...

У меня есть список баров, которые можно добавить в список «Избранное», щелкнув звездочку на странице отдельного бара и клонировав конкретный элемент списка, а затем добавив его в список избранного.

Я не могу понять, как хранить эту информацию, используя локальное хранилище ...

Это JS, использующий Jquery, переключающий класс, меняющий изображение, а затем клонирующий и добавляющий к #foving ul

$("document").ready(function() {

$('#club1668Star').toggle(club1668Blue, club1668White)

function club1668Blue(evt) {
    $('#club1668Star').toggleClass('club1668Blue').attr("src", "media/images/bluestar40.png");
    $("#barlist li[id=club1668List]").toggleClass('club1668Fav');
    $("#barlist li[class=club1668Fav]").clone().appendTo("#favourites ul[class=plasticBar]");

}

function club1668White(evt) {
    $('#club1668Star.club1668Blue').removeClass('club1668Blue').attr("src", "media/images/whitestar40.png")
    $("#barlist li[class=club1668Fav]").toggleClass('club1668Fav');
    $("#favourites ul[class=plasticBar] li[id=club1668List]").remove();
}

}); * * 1 010

любая помощь будет принята с благодарностью ...

веселит, знак

Answer 1

Вы можете сгруппировать несколько атрибутов вместе в объекты, а затем сохранить объекты в localStorage. По умолчанию пары ключ / значение localStorage хранят значения в виде строк, однако вы можете обернуть это чем-то, что преобразуется между строками и объектами - есть несколько примеров, как это сделать в Хранение объектов в HTML5 localStorage

Answer 2

Существует хорошо известный способ передачи нескольких объектов JS как одного значения, он называется JSON.Тебе это не подходит?