Append valid json to html element

Question

I am trying to dynamically insert a valid json array into html, but I am running into an issue when the text has a quote, apostrophe, or other character that should be escaped. Here is an example to demonstrate the issue - let's say this is the HTML:

<p>text</p>

Then I want to dynamically generate JSON like so:

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

If var x were a value without any characters that need to be escaped the appended text would be valid JSON, but in this case there are quotes in the text being used.

The same result is achieved if using " instead of "

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

Here is a json fiddle with both examples

Is there a way to achieve the desired result which would look like this: {"0":""in quotes""} ?

Tushar Acharekar · Accepted Answer · 2018-01-13 18:39:21Z

1

I use & for &

Try this code.

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

answered Jan 13, 2018 at 18:39

Tushar Acharekar

9108 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Append valid json to html element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related