Question

我想在另一个元素中更改元素的位置

所以这就是我所拥有的：

<div class="post-cont">
 <div class="post-thumail">
 </div>
<article>
  <div class="post-home">
    <div class="post-info">
     <div class="post-cont">
     </div>
    </div>
  </div>
</article>

我想在课程post-cont的div之前用类post-thumail更改div的位置

像这样：

<div class="post-cont">
 <div class="post-cont">
 </div>
 <div class="post-thumail">
 </div>
<article>
  <div class="post-home">
    <div class="post-info">
    </div>
  </div>
</article>

我使用了before（）和append（）jquery的所有者而且他们不适合我

Answer 1

您可以使用.insertBefore()：

$('article .post-cont').insertBefore($('.post-thumail'));

<强> Working Demo

注意：您对article的结束标记具有正确的结果。它应该是</article>。还要确保关闭主要的div。

Answer 2

使用此代码...

$('article .post-cont').insertBefore($('.post-thumail'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="post-cont">
 <div class="post-thumail">
   1st
 </div>
<article>
  <div class="post-home">
    <div class="post-info">
     <div class="post-cont">
       2nd
     </div>
    </div>
  </div>
</articale>

如何通过javascript或jQuery更改元素在另一个元素中的位置？

2 个答案: