0

次のような localStorage にいくつかのデータがあります。

test="[[bla/bla,Bla BLa],[bla1/bla1,Bla1 BLa1]]"

そして、私はこのようなリストアイテム（10個のリストアイテム）を持つdivを持っています

<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 に格納されている値 (この場合は最初の 2 つ) と同じデータ属性を持つリスト項目に境界線を追加する必要があります。

これどうやってするの？私はこれにこだわっています。

どうもありがとうございました

4

1 に答える 1

1

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 fun

http://jsfiddle.net/LNkJB/

于 2013-11-01T13:38:42.233 に答える