使用javascript在一个父级中包装n个div

我有一个由javascript生成的html元素列表。现在每4个（可能不同）应该有一个家长。问题是如何在第4个元素之后关闭div

下面是一个片段（或）：

var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]
var html=''；
对于（变量i=0；i

.child{margin:10px；background:green；float:left；padding:20px}

---

你可以试试这样的东西

var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]
var html=''；
var i=0；
而（i

.child{margin:10px；background:green；float:left；padding:20px}

---

你可以试试这样的东西

var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]
var html=''；
var i=0；
而（i

.child{margin:10px；background:green；float:left；padding:20px}

---

而不是在for循环中以

i=0

开始，以

i=1

开始，以

i结束，而不是在for循环中以
i=0
开始，以
i=1
结束。您可以相当容易地以
n
组循环通过数组，将
用于
循环和
切片
：


var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]；
var html=“”；
对于（变量i=0；i
.child{边距：10px；背景：绿色；填充：20px}
.家长{
边框：1px纯蓝色；
}
使用
for
循环和
切片，您可以相当轻松地以
n
组循环数组：


var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]；
var html=“”；
对于（变量i=0；i
.child{边距：10px；背景：绿色；填充：20px}
.家长{
边框：1px纯蓝色；
}
使用
拼接
，您可以获得4个元素的数组，将它们循环并将它们包装在
父元素下<代码>拼接
帮助您将大数组分块为多个小数组：


var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]；
var html=''；
而（x.length>0）{
块=x.拼接（0,4）
html+=''；
对于（var i=0；i

.child{
利润率：10px；
背景：绿色；
填充：20px；
}
.家长{
边框：1px纯黑；
填充：4px；
保证金：5px0；
}
使用
拼接
，您可以获得4个元素的数组，将它们循环并将它们包装在
父元素下<代码>拼接
帮助您将大数组分块为多个小数组：


var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]；
var html=''；
而（x.length>0）{
块=x.拼接（0,4）
html+=''；
对于（var i=0；i

.child{
利润率：10px；
背景：绿色；
填充：20px；
}
.家长{
边框：1px纯黑；
填充：4px；
保证金：5px0；
}
您可以将
if（i%3！==0 | | i==（x.length-1））{
更改为
if（i%3==（3-1）| | i==（x.length-1））{
根据您的想法解决它


var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]
var html=''；
对于（变量i=0；i

.child{margin:10px；background:green；float:left；padding:20px}
您可以将
if（i%3！==0 | | i==（x.length-1））{
更改为
if（i%3==（3-1）| | i==（x.length-1））{
根据您的想法解决它


var x=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“11”]
var html=''；
对于（变量i=0；i

.child{margin:10px；background:green；float:left；padding:20px}
对于可运行的示例，请使用堆栈片段（即
[]
工具栏按钮），因此它们完全在现场。我已经为您更新了问题。您是否尝试将
I%3===3
替换为
I%3！==0
？请使用堆栈片段（即
[]
工具栏按钮）对于可运行的示例，它们完全在现场。我已经为您更新了问题。您是否尝试将
I%3===3
而不是
I%3！==0
？为什么？您做了什么