纯Javascript方法包装两个相邻的div

Question

具有类似的结构：

<div class="container">
    <div class="class1"></div>
    <div class="class2"></div>
    <div class="class3"></div>
    <div class="class4"></div>
</div>

我想将最后两个div包装成另一个div：

<div class="container">
    <div class="class1"></div>
    <div class="class2"></div>
    <div class="wrapper">
        <div class="class3"></div>
        <div class="class4"></div>
    </div>
</div>

Answer 1

欢迎使用StackOverflow！

以下内容应该有效：

$(".class3, .class4").wrapAll("<div class='wrapper'/>")

.wrapAll() https://api.jquery.com/wrapAll/

编辑：这适用于jQuery ..抱歉没注意到你在寻找纯粹的javascript ..