Javascript 如何使用JS或jquery将一个元素移动到另一个元素之后？

我想将一个

DIV

元素移到另一个元素旁边，通常是这样的：

<div class="box-content-top">
 <div class="box-related-product-top">
  <div>  

    <div class="price">
      ...   
    </div>              
    <div class="image">
     ...
    </div>
    <div class="name">
     ...
    </div>
    <div class="cart">
     ...
    </div>


   <div>  

    <div class="price">
      ...   
    </div>            
    <div class="image">
     ...
    </div>
    <div class="name">
     ...
    </div>
    <div class="cart">
     ...
    </div>

  </div>
</div>

<div class="box-content-top">
 <div class="box-related-product-top">
  <div>  

    <div class="image">
     ...
    </div>
    <div class="name">
     ...
    </div>
     <div class="price"> // HERE
      ...   
    </div> 
    <div class="cart">
     ...
    </div>


   <div>  

    <div class="image">
     ...
    </div>
    <div class="name">
     ...
    </div>
    <div class="price"> // HERE
      ...   
    </div> 
    <div class="cart">
     ...
    </div>

  </div>
</div>

---

可以使用

insertAfter

移动元素

这里有。

是块级元素，因此这是它们的自然行为。您可以浮动div，然后清除它们，或者使用

display:inline

不过，我认为此链接将有助于您进一步了解：

---

试试看：

这个html是如何创建的？你想用什么语言搬进来？你的问题不是很清楚。@ROYFinley这个问题用javascript和jqueryIt’附加一个提琴总是好的：问题不是如何将div的内容与另一个div的内容放在同一行上。问题是如何在DOM中移动一个div并将其放在另一个div之后。啊，我明白了。看起来我读“更改div的位置”太快了。看起来问题已经解决了。赢得一些/失去一些。就是这样，我的兄弟们请阅读

$('.price').each(function() {
    $(this).insertAfter($(this).parent().find('.name'));
});

$('.box-related-product-top > div').each(function(){
    $(this).find('.image').appendTo(this);
    $(this).find('.name').appendTo($(this));
    $(this).find('.price').appendTo($(this));
    $(this).find('.cart').appendTo($(this));
});