Javascript 如何将div的内容移动到另一个div中

Javascript 如何将div的内容移动到另一个div中,javascript,jquery,Javascript,Jquery,例如,如果我有class=“text1”的div,它上面有一个类为“text”的a标记 <a class="text">ClickHere1</a> <div class="text1" style="display: none"> <p>Hey</p> <p>Ho</p> </div> <a class="text">ClickHere2</a>

例如,如果我有class=“text1”的div,它上面有一个类为“text”的a标记

 <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>
单击此处1
哎

呵呵

单击此处2 哎

呵呵

当用户单击直接位于div wit类“text1”上方的a标记时,如何将class=“text1”的内容移动到id=“content”的div中。或者更好地说,当用户单击a标签时,只有下一个div的class=“text1”内容被附加到id为:content的div中

另外,我问我如何才能确保id为:Content的div中始终只显示一个div的内容


谢谢,我希望你能理解我

要移动还是复制

要复制文本,请执行以下操作:

$(".text").click(function() {
    $("#Content").html($(this).next(".text1").html());
});
如果要移动文本,请使用

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

您要移动还是复制

要复制文本,请执行以下操作:

$(".text").click(function() {
    $("#Content").html($(this).next(".text1").html());
});
如果要移动文本,请使用

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

$("a.text").on("click",function(){
   $("#Content").html(  $(this).next(".text1").html() );
})
小提琴:

试试这个:

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

Fiddle:

还没有测试过,但您正在寻找类似的东西。这应该给你一个想法

$(function(){
   $(".text").click(function(){
     var contentClone = $(this).next().html().clone();
      contentClone.insert($("#Content"))

   });
})

还没有测试过,但你正在寻找类似的东西。这应该给你一个想法

$(function(){
   $(".text").click(function(){
     var contentClone = $(this).next().html().clone();
      contentClone.insert($("#Content"))

   });
})
移动内容

$("a.text").click(function(){
$("#Content").html($("this")next().html());
})
移动内容

$("a.text").click(function(){
$("#Content").html($("this")next().html());
})
你可以试试这个

$('.text').on('click', function(){
    $('#Content').html($(this).next('div.text1').html());
});
你可以试试这个

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

如果在div内容中只显示一个类为text1的div的内容,那就太好了!如果div内容中只显示一个类为text1的div的内容,那就太好了!谢谢