2015-11-17 2 views
0

У меня есть переменная, которая содержит текст и тег. При добавлении переменной к элементу тег не интерпретируется как тег. Вместо этого он интерпретируется как текст.Добавление html как переменной не интерпретирует теги

Возьмем такой пример:

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

Если я сделаю это. Тег em не интерпретируется как тег. Вместо этого он интерпретируется как текст. Как я могу позволить ему интерпретировать тег?

+1

JQuery [ 'Append (..)'] (http://api.jquery.com/append/) принимает строку, то Документация дает пример '$ (" .inner ") .append ("

Тест

");'. Я запустил ваш код в [скрипке] (https://jsfiddle.net/90k92a02/) и, похоже, работает нормально. –

+0

Спасибо. Это показало мне, что это не вызывает проблемы. Поэтому проблема, похоже, в моем коде. – Kbi

ответ

1

Перед Append вам нужно преобразовать его в JQuery объект

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

Спасибо. Это именно то, что я пропустил. – Kbi

+0

@Kbi - Если это ваше решение, то, пожалуйста, примите его. – Aviator

+0

Я не могу принять его до 12 минут. Я нашел еще одну вещь: если я создаю переменную с translationContent = ""; это не работает. Должен ли я генерировать его как объект jQuery? – Kbi

0

Комментарий от Джорджа Ли «решил» мой вопрос. Проблема не в предоставленном коде. Кажется, это в моих данных.

использование

jQuery(translationWrapper).append(translationContent); 

работает отлично

Смежные вопросы