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

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

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

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

<div class="package">

Place 'button' div in here

</div>
4 73
javascript html jquery

4 ответа:

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

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

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

С jQuery docs:

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

111

копирование кода с помощью функции 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>
16

поставить на событие

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

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

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