将有效的json附加到html元素

Question

我正在尝试动态地将有效的json数组插入到html中，但是当文本有引号，撇号或应该转义的其他字符时，我遇到了问题。这是一个展示问题的例子 - 让我们说这是HTML：

<p>text</p>

然后我想像这样动态生成JSON：

var x = '"in quotes"';
$( "p" ).after( '{"0":"' + x + '"}');

如果var x是没有任何需要转义的字符的值，则附加的文本将是有效的JSON，但在这种情况下，正在使用的文本中有引号。

如果使用"代替"

，则会获得相同的结果

var x = '"in quotes"';
$( "p" ).after( '{"0":"' + x + '"}');

Here is a json fiddle with both examples

有没有办法达到所需的结果，如下所示： {"0":""in quotes""}？

Answer 1

我将&用于&

试试这段代码。

var x = '"in quotes"'; $( "p" ).after( '{"0":"' + x + '"}');