JavaScript ES6 到基础 JavaScript

Question

我创建了两个 jquery 脚本，将我的 child 从我的 parent 那里移走并删除这个类，然后创建。

1)添加一个新类:

    let groups = $(".st-footer--navigation");

    let child = groups.find(".st--footer-column");

    if (!child.length) {
        let groups = $(".st-footer--navigation");

        for (let i of groups) {
            let childrens = i.children;
            let stFooterColumn = document.createElement("div");

            // add the class
            stFooterColumn.classList.add("st--footer-column");

            // add each child to the new div
            while (childrens.length) {
                stFooterColumn.appendChild(childrens[0])
            }

            // append the div to previews to group
            i.appendChild(stFooterColumn)
        }
    }

2)删除类:

    let sts = document.getElementsByClassName("st--footer-column");

    for (let i of sts) {
        while (i.childElementCount) {
            i.parentNode.appendChild(i.firstElementChild)
        }
        i.parentNode.removeChild(i)
    }

这段代码是用es6编写的。我希望这些代码是由这个旧标准以不同的方式创建的，但要做相同的事情。我的代码需要使用 foreach 循环。我该如何解决这个问题？

Answer 1

您可以使用 babel 等工具将 ES6 编译为早期版本

您可以在其文档中找到教程