переместить каждый 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

try .prev() при условии, что нижний колонтитул всегда идет после контейнера:

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

вот демоверсия

Answer 2

попробовать:

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