как клонировать содержимое div в другой div - PullRequest
27 голосов
/ 23 октября 2010

Я хочу скопировать содержимое выбранного div в другой div с помощью jquery clone. но я не хочу добавлять его куда-либо

Я имею в виду, что когда мы делаем клон div с помощью jquery (поправьте меня, если я ошибаюсь), мы должны установить его позицию, и он будет динамически создавать новое отображаемое деление.

но я хочу получить содержимое выбранного div и скопировать его в другой предварительно установленный div

Ответы [ 4 ]

53 голосов
/ 23 октября 2010
var a = $('#selector').html();
var b = $('#selector').html(a);

не уверен, что правильно вас понял, но думаю, это то, что вы имели в виду:)

10 голосов
/ 23 октября 2010

Я не согласен. Клон может сохранять данные без применения к контенту.

Смотрите здесь:

http://www.jsfiddle.net/dactivo/FqffM/

var mylayer=$('.hello').clone();

Здесь вы можете управлять переменной "mylayer", как хотите, и ее нет в DOM.

6 голосов
/ 06 ноября 2012
$("#from").clone().appendTo($("#to"));

Но он не будет удалять / скрывать основной DIV.Чтобы скрыть основной div, сделайте это:

$("#from").clone().appendTo($("#to"));
$("#from").remove();
4 голосов
/ 04 июля 2013
$(".from").click(function () {
     $(".from").removeClass("CloneMe");
     $("#to").html('');
     $(this).addClass("CloneMe");
     $(".CloneMe").clone().appendTo("#to");

});

Вы можете добавить класс щелчка (или другое событие), который жестко закодирован для клонирования. В этом примере есть список имен тех же классов, содержащих стилизованное содержимое (div и т. Д.) - добавьте класс .CloneMe, но сначала удалите этот класс, чтобы очистить div в случае, если пользователь выберет другой элемент. ) чтобы быть в безопасности, удалите также любой HTML. Затем примените класс, используя (this), чтобы избежать захвата всех элементов с этим именем класса и, наконец, добавьте в div. В результате пользователь может выбрать любой элемент с таким именем класса и заполнить его в контейнере. - Я полагаю, использование класса для контейнера позволит вам заполнить его более чем в одном месте.


...