jquery - 如何使用jquery在dom中向上移动两个div？

Question

我不知道该怎么做。我有以下代码:

<div class="one">You might also invite...</div>
<div class="pic1"></div>
<div class="name1">Some name</div>
<div class="pic2"></div>
<div class="name2">Another Name</div>
<div class="pic3"></div>
<div class="name3">Third Name</div>

现在，我想要的是，某个事件，我希望具有类 pic2 和 name2 的 div 跳转到代码中的另一个位置，如下所示:

<div class="pic2"></div>
<div class="name2">Another Name</div>
<div class="one">You might also invite...</div>
<div class="pic1"></div>
<div class="name1">Some name</div>
<div class="pic3"></div>
<div class="name3">Third Name</div>

这应该如何实现？我应该使用“前置”之类的东西吗？否则我将不得不通过 dom 进行递归并重新定位它们...

谢谢

Answer 1

jsFiddle Demo

您将使用insertBefore()^{jQuery API}

$('.pic2').insertBefore('.one');
$('.name2').insertBefore('.one');