jquery - 使用 HTML 数据标记和 jQuery 存储和使用数组

Question

我试图在 HTML 数据标记中存储一个数组。例如:

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

我正在使用 jQuery 访问该数据。我意识到这是作为字符串存储的，我尝试了各种方法将其转换为数组，但我遇到了困难。如果您查看此 jsFiddle 页面，您将看到我正在尝试做的事情的完整示例。

http://jsfiddle.net/B4vFQ/

有什么想法吗？

谢谢!

Answer 1

如果您使用有效的 JSON([ 和 ] 作为数组，双引号而不是单引号)，像这样:

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

然后你所拥有的(使用 .data() )来获取数组将起作用:

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

You can test it here .