将html作为变量附加不会解释标记

时间:2015-11-17 12:26:47

标签: javascript jquery html

我有一个包含文本和标签的变量。将变量附加到元素时,标记不会被解释为标记。相反,它被解释为文本。

举个例子:

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

如果我这样做。 em标记不会被解释为标记。相反,它被解释为文本。我如何让它解释标签?

2 个答案:

答案 0 :(得分:1)

在追加之前,您需要将其转换为jQuery对象

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

答案 1 :(得分:0)

George Lee的评论&#34;解决了#34;我的问题。问题不在提供的代码中。它似乎在我的数据中。

使用

jQuery(translationWrapper).append(translationContent); 

工作正常