将每个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());
});