通过jquery在每个单个帖子上的post-header之前移动图像

Question

我希望如果某个身体在课堂上添加div＆＃34; post-image＆＃34;。它将在div之前自动将它移动到类＆＃34; post-header＆＃34;并使用class single-post在每个div上执行此功能。

E.g. this is main //'post-image' after 'post-header'
<div class='single-post'>
<div class='post-header'>Title</div>
<div class='post-image'><img src='.../img1.png'/></div>
</div>
<div class='single-post'>
<div class='post-header'>Title</div>
<div class='post-image'><img src='.../img2.png'/></div>
</div>

and i want this like this // 'post-image' before 'post-header'
<div class='single-post'>
<div class='post-image'><img src='.../img1.png'/></div>
<div class='post-header'>Title</div>
</div>
<div class='single-post'>
<div class='post-image'><img src='.../img2.png'/></div>
<div class='post-header'>Title</div>
</div>

Answer 1

也许是这样的：

$(".post-header").each(function (ind, el) {
    $(this).siblings(".post-image").each(function (ind, el2) {
        $(el).before($(el2));
    });
})