Question

如果我有例如具有class =“text1”的div，则其上面有一个带有“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 wit类“text1”上方的a-tag时，如何将class =“text1”的内容移动到id =“Content”的div中。或者更好地说，当用户点击a-tag时，只有具有class =“text1”的下一个div的内容被附加到具有id：Content的div。

我也问我如何在id中确保div：内容始终只显示一个div的内容！

谢谢，我希望你理解我！

Answer 1

您要移动还是复制？

复制文字：

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

如果要移动文本，请使用

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

Answer 2

试试这个：

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

小提琴：http://jsfiddle.net/4w3Hy/1/

Answer 3

没有测试过，但你正在寻找这样的东西。这应该给你一个想法

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

   });
})

Answer 4

移动内容

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

Answer 5

你可以试试这个

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

DEMO.

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

5 个答案: