couper un div et html à l’intérieur et le coller dans un autre div avec jquery

Il n’y a pas de copier / coller dans DOM, vous pouvez l’append (le déplacer ) à un point différent dans DOM:

 $(document).ready(function() { $('#example-one').appendTo('#new-div'); }); 

Si vous souhaitez créer un élément div#new-div et qu’il n’existe pas:

 $(document).ready(function() { $('
', { id: 'new-div' }).appendTo('#somewhere').append($('#example-one')); }); 

Bonjour, j’ai réussi à trouver la réponse à ma question. J’ai essayé une fonction jQuery et cela a fonctionné comme un charme, comme je le voulais. Je colle le code pour qu’il puisse être utile à quiconque a le même problème.

 jQuery(document).ready(function(){ $('#div1').insertAfter('.div2'); }); 

Cela va couper le div1 html et le déplacer vers div2

En utilisant jQuery, vous pouvez utiliser quelque chose comme ceci:

 $("#example-one").append("
"); // Add #new-div to the DOM $("#new-div").html($("#list-wrap").html()); // Giv #new-div the content of #list-wrap $("#list-wrap").remove(); // Destroy #list-wrap 

  
 
 
Billing Address
 
 
 hello 
 
 $(document).ready(function() { $('#example-one').appendTo('.new-div'); }); **out put:** 
 
 
 
Billing Address
 
 
 hello 
 
  

OU vous pouvez utiliser ci-dessous Code $ (‘# exemple_un’). Clone (). AppendTo (‘. New-div’);

Bien qu’il porte le libellé jQuery, les gens pourraient vouloir une alternative à la vanille. Essayez au violon: https://jsfiddle.net/VanKusanagi/go06kcre/

Le code principal est essentiellement:

 function moveDiv(){ var exampleDiv = document.getElementById("example-one"); var newDiv = document.getElementById("new-div"); newDiv.appendChild(exampleDiv); } 

Vous pouvez le charger sur DOMCONTENTLOADED (se déclenche plus tôt que l’événement de chargement de la fenêtre)

 document.addEventListener("DOMContentLoaded", function() { moveDiv(); }); 

Ou événement de chargement de la fenêtre

 window.onload = moveDiv; 

Vous pouvez sélectionner l’élément dont vous souhaitez obtenir le contenu, puis l’ appendTo à un nouveau conteneur.

 $("#example-one").children().appendTo("#new-div"); 

Ou si vous voulez déplacer la div avec l’ID, vous pouvez utiliser

 $("#example-one").appendTo("#new-div"); 

Les deux méthodes vont déplacer les éléments

Pour exécuter un script lorsque la page se charge, vous pouvez utiliser jQuery ready

 $(function() { // code here will run after DOM loads }); 

Pourriez-vous faire quelque chose comme:

 $("#new-div").html($("#example-one")); $("#example-one").hide; 

Cela va prendre tout le code HTML de # exmaple-one et le mettre dans # new-div et masquer le # exemple-one div.

Voici un jFiddle pour cela: http://jsfiddle.net/sf35D/

Vous pouvez utiliser le code ci-dessous:

 var text=jQuery('#div2'); jQuery('#div2').remove(); jQuery('#div1').append(text);