Store and use an array using the HTML data tag and jQuery

Question

I am attempting to store an array in the HTML data tag. For example:

        
                      

              相关标签:
       
      

Answer 1

If you use valid JSON ([ and ] for the array, double quotes instead of single), like this:

<div id="locations" data-locations='[{"name":"Bath","url":"/location/bath","img":"/thumb.jpg"},{"name":"Berkhamsted","url":"/location/berkhamsted","img":"/thumb.jpg"}]'>

Then what you have (using .data()) to get the array will work:

$('#locations').data('locations');

You can test it here.

Answer 2

Try adding [ and ] to beginning and end (this makes it valid JSON). After doing so, you can use JSON.parse() to convert it to a native JavaScript object.

Answer 3

Try this:

var testOne = eval("new Array(" + $('#locations').data('locations') + ")");

Look at it in jsfiddle.