jQuery .append()和换行符

时间:2012-06-20 23:41:12

标签: jquery

我正在使用jQuery .append()来构建一个网站的一部分,其中包含我从JSON字符串中获取的数据。我试图在两个单独的行上获得一些内容,但我似乎无法让它工作。

这是我尝试过的:

$('<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标签,以便我可以一块一块地附加它?

2 个答案:

答案 0 :(得分:4)

您需要使用html

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

jsFiddle示例:http://jsfiddle.net/gJqjT/

当您使用text时,它基本上会转义<>之类的字符,因此最终会输出&lt;br /&gt;但是当您使用html时它不会那样做。

希望有所帮助!

答案 1 :(得分:1)

使用html代替text - 它允许您使用任何HTML