Question

获取特定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

Answer 1

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

Answer 2

在警报中显示：

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

    });

Answer 3

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

Answer 4

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

以下是一个例子：

＆＃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;

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

4 个答案: