包装多个项目js

【问题标题】：Wrap for multiple items js包装多个项目js
【发布时间】：2018-08-01 09:47:45
【问题描述】：

这里是一个为一张幻灯片制作包装器的脚本。如何正确制作，包装中的内容会得到三张幻灯片？

let wrappedSlides = Array.from(container.children).map(slide => {
            let slideWrap = document.createElement('div');
            slideWrap.classList.add('slides-flow__slide');
            slideWrap.appendChild(slide);
            return slideWrap;
        });

【问题讨论】：

您的问题难以理解，而且您似乎懒得自己在 Google 上搜索解决方案。
makes a wrapper，你叫什么包装器？什么是幻灯片？我无法理解您的问题/疑问
包装器 - slideWrap，幻灯片 - 数组元素

标签： javascript foreach appendchild

【解决方案1】：

我解决了问题

static createMarkup(container, transition = false) {

        let wrapper = document.createElement('div');
        wrapper.classList.add('slides-flow__wrap');
        if (transition) wrapper.style.transition = `transform ${transition}`;

        const slides = Array.from(container.children);
        let appendSlides = [];
        while(slides.length > 0) {
            appendSlides.push(slides.splice(0,3))
        }
        let wrappedSlides = appendSlides.map(slide => {
            let slideWrap = document.createElement('div');
            slideWrap.classList.add('slides-flow__slide');
            slide.forEach(el => slideWrap.appendChild(el));
            return slideWrap;
        });

        wrappedSlides.forEach(wrappedSlide => {
            wrapper.appendChild(wrappedSlide);
        });


        container.appendChild(wrapper);

        return {
            container,
            wrapper,
            slides: wrappedSlides
        }
    }

【讨论】：