将div从列表移动到另一个位置

Question

我有一个我用ng-repeat生成的项目列表，看起来像这样

...
<div class="a">
  <div>
    <div class="b"></div>
  </div>
</div>
<div class="a">
  <div>
    <div class="b"></div>
  </div>
</div>
...

我想用class =“a”将所有div与class =“b”移到父div之外，就像这样。

...
<div class="a">
  <div>
  </div>
</div>
<div class="b"></div>

<div class="a">
  <div>
  </div>
</div>
<div class="b"></div>
...

我正在尝试使用jQuery

$(".b").insertAfter(".a")

它最终会为class =“a”的每个div生成一堆div =“b”的div。

Answer 1

使用.each()遍历每个.b

$(".b").each(function(){
   $(this).insertAfter($(this).closest(".a"))
})

在您的代码中

$(".b").insertAfter(".a")

$(".b")在DOM中查找class = "b"的所有div，并在每个.a

之后插入