JQuery дублирует DIV в другой DIV

Вам нужно, чтобы некоторые jquery помогли скопировать DIV в другой DIV и надеяться, что это возможно. У меня есть следующий HTML:

  <div class="container">
  <div class="button"></div>
  </div>

И затем у меня есть другой DIV в другом месте на моей странице, и я хотел бы скопировать 'button' div в следующий "пакет" div:

<div class="package">

Place 'button' div in here

</div>

Ответ 1

Вы хотите использовать метод clone(), чтобы получить глубокую копию элемента:

$(function(){
  var $button = $('.button').clone();
  $('.package').html($button);
});

Полная демонстрация: http://jsfiddle.net/3rXjx/

В jQuery docs:

Метод .clone() выполняет глубокую копию набора совпадающих элементов, что означает, что он копирует согласованные элементы, а также все их потомков и текстовых узлов. При использовании в сочетании с одним из методов вставки,.clone() - удобный способ дублировать элементы на странице.

Ответ 2

Копировать код с помощью функции clone и appendTo:

Вот также рабочий пример jsfiddle

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="copy"><a href="http://brightwaay.com">Here</a> </div>
<br/>
<div id="copied"></div>
<script type="text/javascript">
    $(function(){
        $('#copy').clone().appendTo('#copied');
    });
</script>
</body>
</html>

Ответ 3

Поместите это на событие

$(function(){
    $('.package').click(function(){
       var content = $('.container').html();
       $(this).html(content);
    });
});

Ответ 4

$(".package").html($(".container").html());

Ответ 5

Вы можете скопировать свой div как

$(".package").html($(".button").html())