无法在<a> Tags</a>中显示localstorage数组

时间:2012-04-15 15:29:16

标签: jquery html5 local-storage

我正在尝试检索并将我的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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
         <li><a href="#" id="secondpage">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
         <li><a href="#" id="thirdpage">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
         <li><a href="#" id="fourthpage">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
         <li><a href="#" id="fifthpage">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
         <li><a href="#" id="sixthpage">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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'));

1 个答案:

答案 0 :(得分:1)

您可以使用这些jquery函数在容器的末尾添加元素:

  1. $(container).append(element)
  2. $(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);
    }