在javascript中每4次计数后创建新的父div和4个子div

我正在使用bulma和javascript创建一个新的div（具有类名列的div），并在每4次计数后添加4个类名为“column”的div。我在一个div下放置4个div时遇到问题

let locations=[{name:'location1'，value:11}，{name:'location2'，value:21}，
{name:'location3'，value:31}，{name:'location4'，value:41}，
{name:'location5'，value:51}，{name:'location6'，value:61}，
{name:'location7'，value:71}，{name:'location8'，value:71}，
{name:'location9'，值：71}，
];
for（设i=0；i

---

我认为您只需要将一行代码向下移动一点

for (let i = 0; i < locations.length; i++) {
  if (i == 0 || i % 3 == 0) {
    $('#map-card').append(`<div class="columns"></div>`);
  }
  $('#map-card .columns:last').append(`<div class="column">${i}th Column created</div>`)
}

---

您可以有条件地创建一个字符串，这样

.columns

元素的开头和结尾可以使用三元运算符进行更改，如下所示（我对任何

n

的解决方案进行了推广）：

let locations=[{name:'location1'，value:11}，{name:'location2'，value:21}，{name:'location3'，value:31}，{name:'location4'，value:41}，{name:'location5'，value:51}，{name:'location6'，value:61}，{name:'location7'，value:71}，{name:'location8'，value:71}，{name:'location9'，value:71}]；
让str=“”，
n=3；
for（设i=0；i

额外div的用途是什么？你需要它只是为了造型吗？你需要实现什么样的布局？我已经得到了答案already@Adestark没问题，很乐意帮忙