jQuery - 将div附加到隐藏，显示无元素

Question

我正在尝试在容器“div”中插入“div”，该容器设置为“display none”但不起作用。

有人可以帮助我吗？

<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();