جافاسكريبت - jQuery نسخ DIV إلى DIV آخر

أحتاج إلى بعض المساعدة في jQuery لنسخ DIV إلى DIV آخر وآمل أن يكون هذا ممكنًا. لدي HTML التالي:

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

ثم لدي DIV آخر في مكان آخر في صفحتي وأود نسخ div الخاص بـ 'button' إلى div التالي الخاص بـ 'package':

<div class="package">

Place 'button' div in here

</div>

الإجابة رقم 1

ستحتاج إلى استخدام الدالة clone() للحصول على نسخة عميقة من العنصر:

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

عرض تجريبي كامل: http://jsfiddle.net/3rXjx/

من وثائق jQuery:

تقوم طريقة .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>