Klonen Sie alle Elemente und Inhalte innerhalb von div und zeigen Sie sie in einem anderen div an.

Question

Holen Sie sich alle Elemente in ein bestimmtes div und zeigen Sie dasselbe in anderen div an. Der Inhalt ist dynamisch. Ich möchte innerhalb dh

<div id="div_preview"> 
    <br> 
    2 php Developer ?<br> 
    <input type="checkbox" name="chk_0" value="a"> 
    a 
    <input type="checkbox" name="chk_1" value="b"> 
    b 
    <input type="checkbox" name="chk_2" value="c"> 
    c 
    </div> 

from <div id="div_preview"> and display it to <div id='other_div'></div> 

so dass o/p

<br> 
     2 php Developer ?<br> 
     <input type="checkbox" name="chk_0" value="a"> 
     a 
     <input type="checkbox" name="chk_1" value="b"> 
     b 
     <input type="checkbox" name="chk_2" value="c"> 
     c 

Answer 1

document.getElementById('other_div').innerHTML = document.getElementById('div_preview').innerHTML; 

Answer 2

Displays in alert alle Elemente klonen:

$(document).ready(function(){ 
     alert($('#div_preview').html());  

    }); 

Answer 3

$("button").click(function{ 
var result=$('#div_preview').html(); 
$("other_div").html(result); 
}); 

Answer 4

Sie verwenden die contents Dafür klonen Sie einfach den Inhalt und fügen dann die geklonten Elemente dem neuen Container hinzu. Hier

ein Beispiel:.

$('#div_preview').contents().clone().appendTo('#div_container')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div_preview"> 
 
    <br> 
 
    <input type="checkbox" name="chk_0" value="a"> 
 
    a 
 
    <input type="checkbox" name="chk_1" value="b"> 
 
    b 
 
    <input type="checkbox" name="chk_2" value="c"> 
 
    c 
 
</div> 
 
<br /> 
 

 
<div id="div_container"></div>