如何使用jQuery将相同的元素从一个div移动到另一个div？

Question

通过以下示例，我想选择＆lt; 内容。 h3＆gt;每个块的标签，并将它们移动到'title'divs内（不带h3标签）。这可能吗？

<div id="block1">
  <div class="title">
  </div>
  <div class="content">
    <h3>Title 1</h3>
  </div>
</div>

<div id="block2">
  <div class="title">
  </div>
  <div class="content">
    <h3>Title 2</h3>
  </div>
</div>

Answer 1

在线演示：http://jsbin.com/ezuxo

// Cycle through each <div class="content"></div>
$(".content").each(function(){
  // Find its first h3 tag, and remove it
  var heading = $("h3", this).remove();
  // Set the text of the h3 tag to the value of the previous div (.title)
  $(this).prev().html($(heading).html());
});

Answer 2

首先，我将一个类分配给“块”，让我们暂时将其称为“块”。然后这样做：

$(".block").each(function() {
  $(".title", this).html($(".content h3", this).html());
}