在其父级之前移动div

Question

我正在尝试使用div（在这种情况下为＆＃34; childDiv2＆＃34;）及其内容并在其父级之前移动它。

所以基本上拿这个

<div id="parentDiv">
   <div class="childDiv1">
     <div class="contents"></div>
     <div class="contents"></div>
     <div class="contents"></div>
   </div>
   <div class="childDiv2">
     <div class="contents"></div>
     <div class="contents"></div>
     <div class="contents"></div>
   </div>
</div>

并将其设为

<div class="childDiv2">
  <div class="contents"></div>
  <div class="contents"></div>
  <div class="contents"></div>
</div>
<div id="parentDiv">
   <div class="childDiv1">
     <div class="contents"></div>
     <div class="contents"></div>
     <div class="contents"></div>
   </div>
</div>

我知道我可能需要使用.parent（）和.before（）来使它工作，但我仍然坚持jquery的外观。有什么想法吗？

Answer 1

您可以使用.insertBefore() method：

$('#parentDiv .childDiv2').insertBefore('#parentDiv');