將每個div移動到之前的一個div

Question

我不確定這是否歸入子級和父級div。

<div class="container"> 
<p>content</p> 
</div> 
<div class="footer"><p>content</p></div> 

<div class="container"> 
<p>content</p> 
</div> 
<div class="footer"><p>content</p></div> 

我的CMS是把頁腳後容器外，每個.footer我想將它們移動到最接近以前.container。我希望這是有道理的。

<div class="container"> 
<p>content 2</p> 

    <div class="footer"><p>content 2</p></div> 

</div> 

我可憐的企圖看起來是這樣的：

$(".container").each(function() { 
    $(".project_footer ") 
     .appendTo(".container"); 
}); 

Answer 1

嘗試.prev()假設頁腳總是容器後：

$(".footer").each(function() { 
    var currentFooter = $(this) 
    currentFooter.appendTo(currentFooter.prev()); 
}); 

here's the demo

Answer 2

嘗試：

$(".footer").each(function() { 
    currentFooter.appendTo($(this).prev()); 
});