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

Question

在下面的示例中，我想为每个块选择

标签的 contents，并将它们移动到“标题”div 中（没有 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());
}