Question

我试图弄清楚如何使用键/值对系统将动态创建的列表元素存储在本地存储中，但无法弄明白...

我有一个条形列表，可以通过单击单个条形图页面上的星形并将克隆的特定列表元素添加到“收藏夹”列表中，然后将其附加到收藏夹列表中。

我无法弄清楚如何使用本地存储来存储此信息......

这是JS使用Jquery切换类，交换图像然后克隆并附加到#favorites 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();
}

}）;

任何帮助将不胜感激......

欢呼声，标记

Answer 1

有一种众所周知的方法可以将多个JS对象作为单个值传递，它被称为JSON。不能适合你吗？

Answer 2

您可以将多个属性组合到对象中，然后将对象存储在localStorage中。默认情况下，localStorage键/值对将值存储为字符串，但是您可以使用在字符串和对象之间进行转换的内容来包装它 - 有一些关于如何在Storing Objects in HTML5 localStorage

执行此操作的示例

html5 localStorage混乱

2 个答案: