javascript - wrapAll() 正在创建双倍的 div？

Question

我有一个容器 div，里面有两个 div，像这样:

<div class="container">
  <div class="child1"></div>
  <div class="child2"></div>
</div>

我在“child1”和“child2”周围包裹了另一个 div，但它出现了两次，我无法修复:

$(".child1, .child2").wrapAll('<div class="style"></div>');

呈现如下:

<div class="container">
    <div class="style">
       <div class="style">
          <div class="child1"></div>
          <div class="child2"></div>
       </div>
    </div>
</div>

但我真正想要的是:

<div class="container">
   <div class="style">
     <div class="child1"></div>
     <div class="child2"></div>
   </div>
</div>

我该如何解决这个问题？我已经尝试了许多其他方法来尝试对双追加进行排序。

编辑:问题是 jquery 被触发了两次，我将代码从现有文件中移出并移到了一个新文件中。一旦我这样做了，下面的答案就全部起作用了。

Answer 1

尝试:

   $(".container > div").wrapAll('<div class="style"></div>');