javascript - 从 HTML 属性中提取 JSON 对象

Question

我正在使用 JavaScript 动态构建一个 HTML 页面并设置一个带有文本的属性。有时文本是一个简单的字符串，有时我有一个 JSON 对象，我使用 JSON.stringify() 将其保存为字符串。

 $("<a id=\"ftr\" myData=\"" + myString + "\" </a>").appendTo(myDiv);

然后我提取这个属性:

var temp = $(this).attr("myData");//在循环中，$(this) 指向正确的链接

当它是像这样的简单文本时，一切正常。

 <a id="ftr" myData="text test"></a>

但是当提取 JSON 对象时，我得到的结果只有:"[{"

 <a id="ftr" myData="[{"text":"test1","link":"http:\\www.google.com"},{"text":"test2","url":"http:www.google.com"}]></a>

如何提取 JSON 格式的完整对象？

Answer 1

正确使用引号

<a id="ftr" myData='[{"text":"test1","link":"http:\\www.google.com"},{"text":"test2","url":"http:www.google.com"}]'></a>

此外，我建议您使用 data-* 属性，例如

<a id="ftr" data-mydata='[{"text":"test1","link":"http:\\www.google.com"},{"text":"test2","url":"http:www.google.com"}]'></a>

然后你可以使用 .data() 获取

var temp = $(this).data("mydata");

DEMO