1

例如，如果我有 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 wit class“text1”上方的 a-tag 时，如何将 class="text1" 的内容移动到 id="Content" 的 div 中。或者更好的说法是，当用户单击 a-tag 时，只有下一个带有 class="text1" 的 div 的内容会附加到 id:Content 的 div 中。

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

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

4

5 回答 5

3

试试这个：

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

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

于 2013-08-15T20:42:00.663 回答
3

您要移动还是复制？

要复制文本：

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

如果要移动文本，请使用

$(".text").click(function() {
    $("#Content").html($(this).next(".text1").html());
    $(this).html('');
});
于 2013-08-15T20:41:19.890 回答
0

尚未对其进行测试，但您正在寻找类似的东西。这应该给你一个想法

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

   });
})
于 2013-08-15T20:43:51.950 回答
0

移动内容

$("a.text").click(function(){
$("#Content").html($("this")next().html());
})
于 2013-08-15T20:45:12.373 回答
0

你可以试试这个

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

演示。

于 2013-08-15T20:45:18.903 回答