javascript - 将 html 标签作为文本输出到 div 中，每个数组元素在单独的行上

Question

我在名为 newElements 的 javascript 文件中有一个数组。

格式是这样的:

newElements: Array[3]
0: "<p class='Day'>asdasd</p>"
1: "<p class='Day'>123123</p>"
2: "<p class='Day'>Test</p>"
length: 3

我有一个 div.panel-body。

我做的是

for( var i = 0; i < newElements.length; i++) {
new_content += newElements[i];
}
$(".panel-body").text(new_content);

它给我的输出看起来像这样:

但是，我想要这样的 div 格式:

<p class="Day">Some Text</p>
<p class="Day">Another Text</p>
<p class="Session">TEXT</p>

每个 html 标签单独一行。

是的，我知道 <br>标签，但问题是，如果我添加 <br> , <br>标签将被视为纯文本，输出将变成这样:<p class="Day">asdasd</p><br><p class="Day">asds</p>

那么，有人可以给我一个很好的方法来显示输出以按照我想要的方式进行屏幕显示吗？你已经有了我给你的数组。

如果我使用 html() 函数，<p>将被视为真正的 html 标签，这不是我想要的，我希望它们被显示出来。

Answer 1

如果您不想显示代码，请使用 .html() 而不是 .text()。

fiddle :http://jsfiddle.net/q4AeR/

我的错误。由于您确实想要显示实际代码，因此请在循环内将每个代码添加到其自己的新元素中。这是我能想到的最好的:

fiddle :http://jsfiddle.net/Hb9mC/