Question

以下是我的情况以及我想要的最终结果。我尝试使用.A的wrapAll（），但它最终将每个.B div分组为一个。我不能改变html，这就是为什么我必须通过jquery做到这一点。谢谢！

<div class="parent">

  <div class="A"></div>
  <div class="B"></div>
  <div class="B"></div>

  <div class="A"></div>
  <div class="B"></div>
  <div class="B"></div>

  <div class="A"></div>
  <div class="B"></div>
  <div class="B"></div>


</div>

我要存档的内容：

<div class="parent">

<div class="A"></div>
<div>
    <div class="B"></div>
    <div class="B"></div>
</div>

<div class="A"></div>
<div>
    <div class="B"></div>
    <div class="B"></div>
</div>

<div class="A"></div>
<div>
    <div class="B"></div>
    <div class="B"></div>
</div>

</div>

Answer 1

首先，您要选择所有.A个元素，然后为每个元素搜索所有兄弟姐妹，直到您找到使用.nextUntil的其他.A并将其扭曲为div }

$('.A').each(function() {
   console.log($(this).nextUntil('.A').wrapAll('<div>'))
})

用jquery包装div中的div

1 个答案: