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>
78 голосов | спросил Dan 17 PMpWed, 17 Apr 2013 23:02:59 +040002Wednesday 2013, 23:02:59

4 ответа


0

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

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

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

Из документов jQuery :

  

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

ответил chrx 17 PMpWed, 17 Apr 2013 23:04:19 +040004Wednesday 2013, 23:04:19
0

Скопируйте код, используя функции 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>
ответил Sunny S.M 1 +03002015-10-01T09:38:44+03:00312015bEurope/MoscowThu, 01 Oct 2015 09:38:44 +0300 2015, 09:38:44
0

Поместите это в событие

$(function(){
    $('.package').click(function(){
       var content = $('.container').html();
       $(this).html(content);
    });
});
ответил Muhammad Raheel 17 PMpWed, 17 Apr 2013 23:05:12 +040005Wednesday 2013, 23:05:12
0

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

$(".package").html($(".button").html())
ответил JAVAGeek 17 PMpWed, 17 Apr 2013 23:05:16 +040005Wednesday 2013, 23:05:16

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132