Almacene y use una matriz usando la etiqueta de datos HTML y jQuery

Question

Estoy intentando almacenar una matriz en la etiqueta de datos HTML. Por ejemplo:

<div data-locs="{'name':'London','url':'/lon/'},{'name':'Leeds','url':'/lds'}"> 

Yo soy el acceso a esos datos usando jQuery. Me doy cuenta de que esto está almacenado como una cadena, y he intentado varios métodos para convertirlo en una matriz, pero me he topado con una pared. Si echas un vistazo a esta página de jsFiddle, verás un ejemplo completo de lo que intento hacer.

http://jsfiddle.net/B4vFQ/

¿Alguna idea?

Gracias!

Answer 1

Si utiliza JSON válida ([ y ] para la matriz, entre comillas dobles en lugar de individual), así:

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

Entonces lo que tiene (usando .data()) para obtener la matriz funcionará:

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

You can test it here.

Answer 2

Prueba esto:

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

vistazo en jsfiddle.

Answer 3

Intente agregar [ y ] al principio y al final (esto lo hace válido como JSON). Después de hacerlo, puede usar JSON.parse() para convertirlo a un objeto JavaScript nativo.