Reputation: 12834
I'm used to using jQuery's .append()
method to add text or HTML onto the end of a pre-existing element. I'm currently using jQuery's .text()
to escape strings that could potentially contain HTML. Unfortunately, there doesn't seem to be a jQuery method that will append the results of the .text()
method to an element instead of replacing its contents.
Is there a way to append, instead of replace, this escaped text to an element? Or is there a better way to escape strings containing HTML?
Thanks.
- EDIT -
A little more context: I'm building an HTML string dynamically, and so I'll need to be able to add multiple elements with escaped content programmatically.
Upvotes: 8
Views: 16776
Reputation:
As I have tried many ways, I think the following method is the cleanest way to add text to whatever node you want. no stock tag needed, only plain text, which will help to avoid potential problems
$(document.createTextNode("SomePlainText")).appendTo(p);
Upvotes: 8
Reputation: 7618
You could just use
$(whatever).text($(whatever).text() + whatever_you_want_to_append);
EDIT for the fiddle in my comment, try this:
for ( /* some looping parameters */ ) {
$('<li></li>') // create an li
.text(stringWithHtml) // pass it the text, as text not html
.appendTo('#thisIsWhatINeed'); // append it where you want it
}
Upvotes: 1
Reputation: 91379
You could create a dummy element to hold the result of .text()
which can then be appended to your destination element:
$('<div/>').text('your <span>html</span> string').appendTo(...);
Upvotes: 6