javascript - 如何将 javascript 数组序列化为 html 属性并使用 jquery 取回它？

Question

var arr=[...];

var html = '<input attr="' + serialize(arr) + '">';

我不能简单地join(' ') arr 因为可能有空格或其他特殊字符。

我该如何正确地做到这一点？

Answer 1

您可能需要 .data，您可以使用它在 DOM 元素上存储任何数据。

var html = $("<input>");
html.data("something", arr);

然后您可以使用 .append 等插入方法将其附加到某处。

再次获取数据:

var arr = html.data("something");

http://jsfiddle.net/UKRcs/

---

另一种方法是使用 JSON 将事物转换为字符串并将其设置为属性:

var html = $("<input>").attr("data-something", JSON.stringify(arr));

反之亦然:

var arr = JSON.parse(html.attr("data-something"));

http://jsfiddle.net/UKRcs/1/