jquery - 从 DOM 中分离元素，将其插入到不同的位置

Question

在页面上，我需要检测其中包含图像的所有条目，并向 H1 和 img 添加样式，以及在这些条目中包含 img 的 p。到目前为止没有问题。

  <div class="entry">
    <h1>Headline</h1>
    <p><img></p>
  </div>

  $("div.entry img").closest(".entry").find("h1").addClass("home-h1-adjust");
  $("div.entry img").closest("p").addClass("home-p-img-adjust");

为了完全解决我面临的问题，我需要分离 h1 或 p，然后重新插入到 p 在 h1 之前的位置，这是针对一系列条目的，并非所有条目都有图像。

我陷入了循环遍历并在 jQuery 中添加分离元素的正确方法。谢谢。

Answer 1

$('.entry > p').each(function() {
   $(this).insertBefore(this.previousElementSibling);
});

http://jsfiddle.net/Yr96v/