jQuery .append() и linebreaks

Question

Я использую jQuery .append() для создания части веб-сайта с данными, которые я получаю из строки JSON. Я пытаюсь получить некоторый контент на 2 отдельных строках, но я не могу заставить его работать.

Это то, что я пробовал:

$('<p/>', { text: 'text before break <br /> text after break' }).appendTo(target); 
//output: text before break <br /> text after break 

$('<p/>', { text: 'text before break \n text after break' }).appendTo(target); 
//output: text before break text after break 

Есть ли способ, чтобы получить br тег для работы в .append()? Или я должен сначала сканировать строку и нарезать ее на тег br, чтобы я мог добавить ее по частям?

Answer 1

Вы должны использовать html:

$('<p/>', { html: 'text before break <br /> text after break' }).appendTo(target); 

jsFiddle пример: http://jsfiddle.net/gJqjT/

При использовании text он в основном избегает символы, такие как < и > поэтому он заканчивает вывод <br />, но при использовании html это Безразлично Не делай этого.

Надеюсь, что это поможет!

Answer 2

Использование html вместо text - это позволяет использовать любой HTML там