使用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');

你可以在这里测试一下.

Answer 2

尝试在开始和结束处添加[and ]（这使其成为有效的JSON）。这样做之后，您可以用于JSON.parse()将其转换为本地JavaScript对象。