我使用以下代码在 localStorage 中存储多条记录:
localStorage.setItem('LinkURL' + ranNr, rdsLinkURL);
localStorage.setItem('LinkTitle' + ranNr, rdsLinkTitle);
localStorage.setItem('LinkOrderURL' + ranNr, rdsLinkOrderURL);
localStorage.setItem('OrderAmount' + ranNr, rdsOrderAmount);
每条记录都是购物车中的一个产品,因此当购物车中添加 3 个产品时,本地存储中将有 3 组 12 条记录(每个产品都有自己的一组)。
今天我学会了如何输出以特定文本开头的记录之一。我使用下面的代码执行此操作。
let duffy = Object.keys(localStorage).filter(v => v.startsWith("LinkTitle"));
duffy.forEach(z => $("body").append("<p class='" + localStorage.getItem(z) + "'></p>"));
上面的代码有效,并且创建了 3 个段落。但现在我想用 OrderAmount
填充该段落,但我不确定如何操作上面的代码来获得该效果。
我忘了提及我正在尝试一些事情:也会在这里发布。
let duffy = Object.keys(localStorage).filter(v => v.startsWith("LinkTitle"));
duffy.forEach(
z => $("body").append("<p class='" + localStorage.getItem(z) + "'></p>")
);
let goofy = Object.keys(localStorage).filter(v => v.startsWith("OrderAmount"));
goofy.forEach(
g => localStorage.getItem(g)
$('.' z).append(g)
);
最佳答案
嗯,你可以使用 querySelector 获取每个段落, 例如:
const paragraphs = document.querySelectorAll('selector for your paragraphs')
paragraph.forEach((p, i ) => {
const amount = goofy[i]
p.innerHTML = amount
})
但这也是一个好方法,可以用自己的订单金额保存每个产品。
关于javascript - 合并本地存储项并分段输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55816181/