jquery - 如何使用 jQuery 移动 div 的多个实例？

Question

我正在尝试将 p.read-emails 移动到 p.download 之后，对于它显示的每个实例(在同一页面上)，如下所示:

<div class="episode">
   <h3>title</h3>
   <iframe></iframe>
   <p class="download"></p>
   <p class="date"></p>               <--- TO HERE--
   <p class="artist"></p>                          |
</div>                                             |
<p class="read-emails"></p>           <--- MOVE THIS

<div class="episode">
   <h3>title</h3>
   <iframe></iframe>
   <p class="download"></p>
   <p class="date"></p>               <--- TO HERE--
   <p class="artist"></p>                          |
</div>                                             |
<p class="read-emails"></p>           <--- MOVE THIS

<div class="episode">
   <h3>title</h3>
   <iframe></iframe>
   <p class="download"></p>
   <p class="date"></p>               <--- TO HERE--
   <p class="artist"></p>                          |
</div>                                             |
<p class="read-emails"></p>           <--- MOVE THIS

到目前为止我已经尝试过，但无法让它工作:

jQuery('p.read-emails').each(function() {
    var item=jQuery(this);
    var parentContainer=itemparents('.episode');
    item.remove();
    parentContainer.insertAfter('p.download');
    });

有人可以帮我吗？

Answer 1

试试这个:

$('.download').each(function(){
   $(this).after($(this).closest('.episode').next('.read-emails'));
});

<强> Demo