javascript - 如何将div的内容移动到另一个

Question

例如，如果我有 class="text1"的 div，上面有一个带有 class"text"的 a-tag。

 <a class="text">ClickHere1</a>
  <div class="text1" style="display: none">
   <p>Hey</p>
   <p>Ho</p>
  </div>
 <a class="text">ClickHere2</a>
  <div class="text1" style="display: none">
   <p>Hey</p>
   <p>Ho</p>
  </div>

 <div id="Content">
 </div>

当用户点击直接位于 div 类“text1”上方的 a 标签时，我如何将 class="text1"的内容移动到 id="Content"的 div 中。或者更好地说，当用户点击 a-tag 时，只有下一个带有 class="text1"的 div 的内容被附加到带有 id:Content 的 div。

我还问我如何确保在带有 id:Content 的 div 中始终只显示一个 div 的内容!

谢谢，我希望你能理解我!

Answer 1

你想移动还是复制？

复制文本:

$(".text").click(function() {
    $("#Content").html($(this).next(".text1").html());
});

如果你想移动文本，使用

$(".text").click(function() {
    $("#Content").html($(this).next(".text1").html());
    $(this).html('');
});