克隆div中的所有元素和内容并将其显示到另一个div中

时间:2016-09-21 11:33:10

标签: javascript jquery

获取特定div中的所有元素并将其显示为其他div。 里面的内容是动态的。 我想克隆里面的所有元素     即

<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>

这样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 

4 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

在警报中显示:

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

    });

答案 2 :(得分:0)

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

答案 3 :(得分:0)

您可以使用contents - 只需克隆内容,然后将克隆的元素添加到新容器中。

以下是一个例子:

&#13;
&#13;
$('#div_preview').contents().clone().appendTo('#div_container')
&#13;
<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>
&#13;
&#13;
&#13;