jQuery append pure text

Question

I want to append the text text to an element as a child without changing it into HTML.

append('text') gives bold content text, but I want the text to be text.

See this answer: http://stackoverflow.com/questions/11957529/append-html-escaped-text-jquery — armadadrive, May 28 '14 at 12:33
I dont understand the fuzz -> http://jsfiddle.net/5aF6a/ why all those mysterious alternative solutions? — davidkonrad, May 28 '14 at 12:48
@davidkonrad Because I need to create a new element, rather than change the parent as you did in the example — Ovilia, May 28 '14 at 12:51
oh yes, but isnt that basically the same deal -> `$('
').text('test').appendTo('#test')` ?? no need for creating a native TextNode. — davidkonrad, May 28 '14 at 12:57

score 3 · Accepted Answer · answered May 28 '14 at 12:36

3

Append a text node:

.append(document.createTextNode('<b>text</b>'));

answered May 28 '14 at 12:36

David Hellsing

But I need the new node to be `
`
– Ovilia May 28 '14 at 12:40
@Ovilia You should include your current markup and your desired markup in the question. – David Hellsing May 28 '14 at 12:52
Yes, that works. Thanks! – Ovilia May 28 '14 at 12:53

Balachandran · Answer 2 · 2014-05-28T12:38:50.413

0

You have to mix up native js to accomplish this,

var node = document.createTextNode("<b>test</b>");
$('element')[0].appendChild(node);

DEMO

edited May 28 '14 at 12:38

answered May 28 '14 at 12:33

Balachandran