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

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-thumail 的 div 之前更改类 post-cont 的 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 proprietaries，但它们对我不起作用

Answer 1

您可以使用 .insertBefore() :

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

Working Demo

注意:您为 article 设置了正确的结束标记.应该是</article> .还要确保关闭主分区。