将localStorage的内容显示为div

Question

我有这个基本功能:

pid = 1;
$(function() {
    if (localStorage["key"+pid] != null) {
        var contentsOfDiv = localStorage.getItem("key"+pid);
        $("#Div").html(contentsOfdDiv);
    }
});

问题是pid值最终会改变,我不想覆盖的内容key.

我如何继续堆叠为我节省的每一个Div内容localStorage？

Answer 1

您可以像在任何对象属性上一样迭代localStorage条目:

for (var key in localStorage) {
    console.log(key, localStorage[key]);
}

所以你的代码可能是:

$(function() {
    var lines = [];
    for (var key in localStorage) {
        if (/^key/.test(key)) { // does the key start with "key"
           lines.push(key.slice(3) + ' = ' + localStorage[key]);
        }
    }
    $("#Div").html(lines.join('<br>'));
});