Javascript 同一父级中的所有组

我有这种加价

<div class="container">
    <div class="to-be-wrapped"></div>
    <div class="to-be-wrapped"></div>
    <div class="to-be-wrapped"></div>
    <div class="divider"></div>
    <div class="to-be-wrapped"></div>
    <div class="to-be-wrapped"></div>
    <div class="divider"></div>
    <div class="to-be-wrapped"></div>
    <div class="to-be-wrapped"></div>
    <div class="to-be-wrapped"></div>
    <div class="divider"></div>
    <div class="to-be-wrapped"></div>
    <div class="to-be-wrapped"></div>
</div>

当我在

上使用
.wrapAll
方法jQuery进行包装时

，它们只包装在一个新包装中

有什么jQuery方法或其他方法可以做到这一点吗

---

这是一种方法：

var $c = $('.container');

while ($c.children('.to-be-wrapped').length)
    $c.children('.to-be-wrapped:first')
      .nextUntil('.divider')
      .addBack()
      .wrapAll('<div class="wrapper"/>');

var$c=$（'.container'）；
而（$c.儿童（'.待包装'）。长度）
$c.children（“.待包装：第一个”）
.nextUntil（“.divider”）
.addBack（）
.wrapAll（“”）；

尝试以下解决方案：

$(".divider:first").prevAll(".to-be-wrapped").wrapAll("<div class='wrapper'/>");
$(".divider").each(function(){
  $(this).nextAll(".to-be-wrapped").wrapAll("<div class='wrapper'/>");

$（“.divider:first”）.prevAll（“.to wrapped”）.wrapAll（”）；
$（“.divider”）。每个（函数（）{
$（this.nextAll（“.待包装”）.wrapAll（”）；

---

}))

这也是完成任务的一种方式。

$(".divider:first").prevAll(".to-be-wrapped").wrapAll("<div class='wrapper'/>");
$(".divider").each(function(){
  $(this).nextAll(".to-be-wrapped").wrapAll("<div class='wrapper'/>");