Javascript 成对交换div中的元素

我得到了下一个模板：

<div class="recursos_expandidos">
  <section>a</section>
  <a href="#">b</a>
  <section>c</section>
  <a href="#">d</a>
</div>

A.
C

我想反转剖面和锚的位置，以便div显示：

<div class="recursos_expandidos">
  <a href="#">b</a>
  <section>a</section>
  <a href="#">d</a>
  <section>c</section>
</div>

A.
C

---

jQuery或javascript会很好，谢谢你

你可以使用iterate-over-section元素并将它们插入到下一个同级元素之后：

$('.recursos_expandidos section').each(function(){
  $(this).insertAfter($(this).next());
});

---

<强>

> P>我不知道你到底想要什么，但是你也可以考虑使用Frasbox和操纵订单属性。

---

（）

你可以借助和

$（'section'）。每个（函数（）{
$（this）.next（'a'）。在（this）之后
});

A.
C
我不能使用flexbox，它在一个复杂的系统中page@Bernardao：很高兴有帮助：）