Как перемещать содержимое div в другое

Question

Если у меня есть, например, divs с классом = "text1", которые имеют a-tag с классом "text" над ними.

<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> 

Как я могу переместить содержимое класса = «text1» в DIV с идентификатором = «Content», когда пользователь нажимает на а-теге, который находится непосредственно над ДИВЫМ остроумием класса «text1» , Или лучше сказал, что когда пользователь нажимает на a-тег, только содержимое следующего div с классом = «text1» добавляется к div с идентификатором: Content.

Также я спрашиваю, как я могу застраховать, что в div с id: содержимое всегда содержит только содержимое одного 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

Не проверял i t, но вы ищете что-то вроде этого. Это должно дать вам представление о том

$(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.