我正在使用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
标签,以便我可以一块一块地附加它?
答案 0 :(得分:4)
您需要使用html
:
$('<p/>', { html: 'text before break <br /> text after break' }).appendTo(target);
jsFiddle示例:http://jsfiddle.net/gJqjT/
当您使用text
时,它基本上会转义<
和>
之类的字符,因此最终会输出<br />
但是当您使用html
时它不会那样做。
希望有所帮助!
答案 1 :(得分:1)
使用html
代替text
- 它允许您使用任何HTML