Appending html as variable doesnt interpret tags

Question

I have a variable which contains text and a tag. When appending variable to the element the tag isnt interpreted as a tag. Instead its interpreted as text.

Take this example:

var translationWrapper = $("<div class='list-label'></div>");
translationWrapper.html('<span> test </span>');
var translationContent = "";
translationContent += 'Testtext <em> test </em>';
translationWrapper.append(translationContent);

If I do this. The em tag isn't interpreted as a tag. Instead its interpreted as text. How can I let it interpret the tag ?

jQuery append(..) takes a String, the documentations gives an example $( ".inner" ).append( "<p>Test</p>" );. I ran your code in a fiddle and it seems to work fine. — George Lee
– George Lee, Commented Nov 17, 2015 at 12:38
Thanks. It showed me that this doesn't cause the problem. So the problem seems to be in my code. — Kbi
– Kbi, Commented Nov 17, 2015 at 12:45

z1m.in · Accepted Answer · 2015-11-17 12:27:51Z

1

Before append you need to convert it to jQuery object

translationContent += 'Testtext <em> test </em>';
translationWrapper.append($(translationContent));

answered Nov 17, 2015 at 12:27

z1m.in

1,66113 silver badges19 bronze badges

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

4 Comments

Kbi Over a year ago

Thank you. Thats exactly what I missed.

aagjalpankaj Over a year ago

@Kbi - If this is your solution, then please accept it.

Kbi Over a year ago

I cannot accept it until 12 minutes pass. I found one more thing: If i create the variable with translationContent = ""; it does not work. Do I have to generate it as a jQuery object ?

z1m.in Over a year ago

Please repeat question or provide jsfiddle with code

Kbi · Accepted Answer · 2015-11-17 12:46:17Z

0

The comment from George Lee "solved" my issue. The problem is not in the provided code. It seems to be in my data.

using

jQuery(translationWrapper).append(translationContent);

works fine

answered Nov 17, 2015 at 12:46

Kbi

3842 silver badges16 bronze badges

Collectives™ on Stack Overflow

Appending html as variable doesnt interpret tags

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related