javascript - 使用样式将数组内容输入到 HTML 中

Question

所以我将我的数组保存为一个变量:var arrayContents = contentData;和我的数组:['content_1', 'content_2', 'content_3', 'content_4']

所以我得到了我的数组，然后我想将它放入我的 HTML 中，这是我通过使用 text 完成的，如下所示:$( '.container').text(arrayContents);

我需要将我的文本拆分成现在的样子:

我正在努力让它看起来像:

如何拆分我的数组，以便每个项目都放到一个新行中？当我使用 .text 时，我将整个数组作为一个而不是每个单独的项目打印。

Answer 1

使用 foreach 循环并添加 <br>标记转到下一行:

var contentToInsert;

$.each(arrayContents,function(value){
    contentToInsert += value + "<br>";
});

$('.container').html(arrayContents);