javascript - jQuery - 将 div 附加到隐藏、显示无、元素中

Question

我试图在设置为“不显示”但不起作用的容器“div”中插入一个“div”。

有人能帮我吗？

<div id="container" class="container" style="display:none"></div>

<script>

var array = [];

var k = 10;

for (var i = 0; i < k; i++) {

array.push("<div>item</div>");

}

$("#container").append(array);

</script>

Answer 1

您正在尝试将 javascript 数组作为 html 添加到 div 中。这是不可能的，因为 javascript 变量不是 html 元素。

要将数组变成字符串（您可以添加），只需使用join

$("#container").append( array.join("") );

确定的小编辑：div 仍然是隐藏的，但它有元素，要使这些元素可见，您必须更改 css 以使其可见。为了实现：

$("#container").append( array.join("") ).show();