存储和检索HTML5数据属性中的JavaScript数组

如何将JavaScript数组存储在HTML5数据属性中？

我试过JSON.stringifycation和转义字符的每一个变种。

什么是存储数组和检索它的精确方法？

注意

我用[$(“#firstSelectedElement”)。val()，$(“#secondSelectedElement”)。val()]构建数组。我用$(“#storageElement”)。data(‘storeit’)检索id =“storageElement”data-storeIt =“stuff”

我永远不可能检索数据作为一个真正的数组，只有一个字符数组。

原来，你可以使用html转义字符的元素数据属性有json样数组(编码都是引号)：

<div id="demo" data-stuff='[&#34;some&#34;, &#34;string&#34;, &#34;here&#34;]'></div>

然后在javascript中得到它没有任何额外的魔法：

var ar = $('#demo').data('stuff');

检查这个fiddle。