Javascript 对dom元素重新排序

我仍然会利用这个社区的专业知识和可用性。
今天我的大脑似乎被阻塞了，我想知道是否有更好的方法来重新排列这些标签

<h3>title</h3>
<div>a</div>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<div>a</div>
<h3>title</h3>
<div>a</div>
<div>a</div>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<h3>title</h3>
<div>a</div>
<div>a</div>
<div>a</div>
<div class="order">b</div>
<div>a</div>

标题
A.
B
A.
A.
A.
标题
A.
A.
B
A.
A.
标题
A.
A.
A.
B
A.

这样

<h3>title</h3>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<div>a</div>
<div>a</div>
<h3>title</h3>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<div>a</div>
<div>a</div>
<h3>title</h3>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<div>a</div>
<div>a</div>

标题
B
A.
A.
A.
A.
标题
B
A.
A.
A.
A.
标题
B
A.
A.
A.
A.

我试过这种方法，但它似乎过于冗长的解决方案

<script type="text/javascript">
  $(document).ready(function(){
      var h3=$('h3');
        h3.each(function(){
            var divs=$(this).nextUntil('h3').wrapAll('<div class="group"></div>');
        });

     $('div.group').each(function(){
        var a=$('<div class="temp1">temp</div>').prependTo($(this))
        var divs=a.nextUntil('div.order').detach()
        divs.appendTo($(this))
      })

     $('div.group div').unwrap()    
     $('div.temp1').remove()
  })
</script>

$（文档）.ready（函数（）{
变量h3=$（'h3'）；
h3.每个（函数（）{
var divs=$（this.nextUntil（'h3'）.wrapAll（''）；
});
$（'div.group'）。每个（函数（）{
变量a=$（'temp'）。prependTo（$（此））
var divs=a.nextUntil（'div.order'）.detach（）
分部附件（$（本））
})
$（'div.group div'）.unwrap（）
$（'div.temp1'）。删除（）
})

试试看

或者按照我同事的建议

$('.order').each(function(){
 $(this).after( $(this).prevUntil("h3"));
})

---

@德维玛很高兴能帮上忙@Devima你也可以根据我的新编辑完成你的任务。

$('.order').each(function(){
 $(this).after( $(this).prevUntil("h3"));
})