Stocker et utiliser un tableau en utilisant les balises HTML et jQuery

Je tente de stocker un tableau dans la balise de données HTML. Par exemple:

J’accède à ces données en utilisant jQuery. Je me rends compte que cela est stocké sous forme de chaîne et j’ai essayé diverses méthodes pour le convertir en tableau, mais je me suis heurté à un mur. Si vous regardez cette page jsFiddle, vous verrez un exemple complet de ce que j’essaie de faire.

http://jsfiddle.net/B4vFQ/

Des idées?

Merci!

Si vous utilisez un JSON valide ( [ et ] pour le tableau, les guillemets doubles au lieu de simples), comme ceci:

 

Ensuite, ce que vous avez (en utilisant .data() ) pour obtenir le tableau fonctionnera:

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

Vous pouvez le tester ici .

Essayez d’append [ et ] au début et à la fin (cela rend JSON valide). Après cela, vous pouvez utiliser JSON.parse() pour le convertir en object JavaScript natif.

Essaye ça:

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

Regardez-le dans jsfiddle .