大佬教程收集整理的这篇文章主要介绍了HTML5 localStorage按键顺序，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
不要依赖localstorage键的顺序。您可以通过在所有可用的键重复localstorage使用localstorage[n]，而是指可以使用一个密钥（字符串）localstorage[str_key]或localstorage.getItem(str_key)。
在您的情况下，您已经将localstorage键名的索引与您分配给该项的名称混淆了。因此，不要使用键索引，而要使用值键：
for (i=0;i<localstorage.length;i++)
{
var key = localstorage.key(i);
if(key != null)
{
var value = localstorage.getItem(key);
$("#"+key).next(".dynamicList").empty();
$("#"+key).next(".dynamicList").append(value);
}
}
我的页面上有一些div，编码为
<div id="1">Click Me to load corresponding dynamicList</div><ul class="dynamicList"></ul>
<div id="2">Click Me to load corresponding dynamicList</div><ul class="dynamicList"></ul>
<div id="3">Click Me to load corresponding dynamicList</div><ul class="dynamicList"></ul>
<div id="4">Click Me to load corresponding dynamicList</div><ul class="dynamicList"></ul>
<div id="5">Click Me to load corresponding dynamicList</div><ul class="dynamicList"></ul>
现在，单击任何一个div，就会进行AJAX调用，将动态列表返回为：
<li>Some content 1</li>
<li>Some content 2</li>
<li>Some content 3</li>
我想在第一次AJAX调用之后将上述动态列表存储在localStorage中。所以我写；
var key = $(SELEctedDiv).attr('id');
var value = str; //str = Returned AJAX response of li's
localStorage.setItem(key,value);
现在，在下一页加载中，我想在DOM的正确位置附加所有dynamicList（所有用户之前单击的那些）（因此，在下次单击期间不会对数据进行AJAX调用）
for (i=0;i<localStorage.length;i++)
{
var key = localStorage.key(i);
if(key != null)
{
var value = localStorage.getItem(key);
$("#"+i).next(".dynamicList").empty();
$("#"+i).next(".dynamicList").append(value);
}
}
现在似乎在localStorage的顺序中出现了一些问题，因为正确的dynamicList没有被附加在正确的位置。我想这条线有问题
var key = localStorage.key(i);
请让我知道如何解决此问题。
以上是大佬教程为你收集整理的HTML5 localStorage按键顺序全部内容，希望文章能够帮你解决HTML5 localStorage按键顺序所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。