我正在尝试检索并将我的localstorage数组显示在
中的'a'标记中<ul id="menu_container1">
但是,我目前的代码似乎没有用。
另外,如果'journey'数组中的值多于'a'标签可用,是否有办法自动创建新的'a'标签?
HTML:
<div id="content">
<div id="menu">
<ul id="menu_container1">
<li><a href="#" id="firstpage"> </a></li>
<li><a href="#" id="secondpage"> </a></li>
<li><a href="#" id="thirdpage"> </a></li>
<li><a href="#" id="fourthpage"> </a></li>
<li><a href="#" id="fifthpage"> </a></li>
<li><a href="#" id="sixthpage"> </a></li>
</ul>
</div>
JQuery的:
var journey = JSON.parse(localStorage.getItem('journey'))||[];journey.push(location.protocol +
'//' + location.host + location.pathname);
localStorage.setItem('journey', JSON.stringify(journey));
// This is what isn't working at the moment
$('#menu_container1 a').JSON.parse(localStorage.getItem('journey'));
答案 0 :(得分:1)
您可以使用这些jquery函数在容器的末尾添加元素:
$(container).append(element)
$(element).appendTo(container)
例如,您可以使用$('menu_container1).append('<a>' + localStorage.getItem('journey') + '</a>')
创建新链接
您可以通过这种方式迭代存储的值:
for(var i = 0; i&lt; = localStorage.length-1; i ++)
{
var key = localStorage.key(i);
var val = localStorage.getItem(key);
}