如何使用本地存储中的数据选择数据属性上的div
如何使用本地存储中的数据选择数据属性上的div
提问于 2013-11-01 13:05:00
我的localStorage中有这样的数据：
test="[[bla/bla,Bla BLa],[bla1/bla1,Bla1 BLa1]]"我有一个div，其中有列表项(10个列表项)，如下所示
<li data-1="Bla BLa" data-2="bla/bla"></li>
<li data-1="Bla1 BLa1" data-2="bla1/bla1"></li>
<li data-1="Bla2 BLa2" data-2="bla2/bla2"></li>现在，我需要向列表项添加一个边框，该列表项具有与存储在localStorage中的值相同的数据属性，在本例中是前两个。
我该怎么做？我被困在这个案子上了。
非常感谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-11-01 13:38:42
假设您在localStorage中始终具有相同的测试字符串格式，则可以直接将其解析为css选择器http://api.jquery.com/multiple-attribute-selector/。
var test="[[bla/bla,Bla BLa],[bla1/bla1,Bla1 BLa1]]", //That comes from storage
selector = test.substr(2, test.length - 4) //trim [[ ]]
.split("],[") //convert to array
.map(function(item) { //Convert each pair to a selector
item = item.split(",");
return "[data-1='" + item[1] + "'][data-2='" + item[0] + "']";
}).join(","); //Concat
var items = $(selector, "#container"); //have funhttp://jsfiddle.net/LNkJB/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19727340
复制相关文章
相似问题
腾讯云开发者
