javascript - 如何在javascript中的段落中添加数组中的文本？

如何用数组中的文本附加段落？

首先，我将元素放入数组：

var iminja = [];
iminja.push("Name1");

然后，对数组“ iminja”中的每个元素使用for循环，在这里我想将新段落与数组中的文本放到现有的空div中。像这样的东西，只是为了向您解释我如何成为函数的最终结果：

$('#existingDiv').append('<p style="border: 1px solid black;">iminja[index]</p>');

有人可以帮我吗？

最佳答案

以下代码可以解决问题：

$.each(iminja, function () {
    $("#existingDiv").append("<p style=\"border: 1px solid black;\">" + this + '</p>');
});

还是不使用$.each功能

for (var item in iminja) {
   $("#existingDiv").append("<p style=\"border: 1px solid black;\">" + iminja[item] + '</p>');
}

或根本不使用jQuery

var container = document.getElementById("existingDiv");
for (var item in iminja) {
    var paragraph = document.createElement("p");
    paragraph.setAttribute("style", "border: 1px solid black;");
    paragraph.innerHTML = iminja[item];
    container.appendChild(paragraph);
}