web-dev-qa-db-fra.com

comment cloner le contenu d'un div vers un autre div

Je veux copier le contenu d'un div sélectionné vers un autre div avec clone jquery. mais je ne veux pas l'ajouter n'importe où

ce que je veux dire, c'est quand nous faisons un clone d'un div avec jquery (corrigez-moi si je me trompe) nous devons définir sa position et il créera dynamiquement une nouvelle division qui sera affichée.

mais je veux obtenir le contenu d'un div sélectionné et le copier dans un autre div prédéfini

jquerydynamichtmlcopyclone
27
pahnin
var a = $('#selector').html();
var b = $('#selector').html(a);

je ne sais pas si je vous ai bien compris mais je pense que c'est ce que vous vouliez dire :)

53
Val

Je ne suis pas d'accord. Le clone peut enregistrer des données sans appliquer au contenu.

Regardez ici:

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

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

Ici, vous pouvez gérer la variable "mylayer" comme vous le souhaitez, et ce n'est pas dans le DOM.

10
netadictos
$("#from").clone().appendTo($("#to"));

Mais cela ne supprimera/ne masquera pas le DIV principal. Pour masquer la div principale, procédez comme suit:

$("#from").clone().appendTo($("#to"));
$("#from").remove();
6
Arvind Bhardwaj
$(".from").click(function () {
     $(".from").removeClass("CloneMe");
     $("#to").html('');
     $(this).addClass("CloneMe");
     $(".CloneMe").clone().appendTo("#to");

});

Vous pouvez ajouter une classe au clic (ou à un autre événement) codée en dur à cloner. Dans cet exemple, il existe une liste de mêmes noms de classe contenant un contenu stylisé (divs, etc.) - ajoutez la classe .CloneMe mais supprimez d'abord cette classe pour vider la div au cas où l'utilisateur sélectionnerait un élément différent. ) pour être sûr de supprimer également tout html. Ensuite, appliquez la classe à l'aide de (this) pour éviter de saisir tous les éléments avec ce nom de classe et enfin ajoutez à la div. Le résultat est que l'utilisateur peut sélectionner n'importe quel élément avec ce nom de classe et le remplir dans le conteneur. - J'imagine que l'utilisation d'une classe pour le conteneur vous permettrait de le remplir à plusieurs endroits.

4
Andrew Conniff