小编jen*_*108的帖子

JavaScript - 将数组中的每 3 个项目包装到一个 div

我有一个包含 50 个项目的数组。

我想将每 3 个项目包装到一个<div>.

我正在努力实现这一目标,但我无法让它发挥作用


var cards = [];

for(var i=0; i < 50; i++){
    cards.push('<div class="card-item">Test</div>');
}

for(var i = 0; i < cards.length; i++){
    if(i % 3 === 0){
        let slides = populateSlide(cards[i]);
        console.log(slides);
    }
}

populateSlide = (cards) => {
    return `<div class="carousel-item item">${cards}</div>`;
}
Run Code Online (Sandbox Code Playgroud)

使用上面的代码,我只能在 3 的每个乘法中获得一个项目。因此我div只有一个项目而不是三个。

提前致谢。

javascript arrays modulus

2
推荐指数
1
解决办法
528
查看次数

标签 统计

arrays ×1

javascript ×1

modulus ×1