Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 复制粘贴多次_Jquery_Html - Fatal编程技术网

Jquery 复制粘贴多次

Jquery 复制粘贴多次,jquery,html,Jquery,Html,如何在jQuery中复制一个段落并将其多次粘贴到同一个div中 例如: <div id="main-content"> <h1> Lorem </h1> <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> </div> jQuery使它: <div id="main

如何在jQuery中复制一个段落并将其多次粘贴到同一个div中

例如:

<div id="main-content">
<h1> Lorem </h1>
<p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
</div>
jQuery使它:

<div id="main-content">
    <h1> Lorem </h1>
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<h1> Lorem </h1>
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<h1> Lorem </h1>
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<h1> Lorem </h1>
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<h1> Lorem </h1>
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
    </div> 
未经测试

未经测试

var toCopy = $('#main-content').children();
for (var i = 1;i < 5;i++) {
    $('#main-content').append(toCopy.clone());
}
var contentToCopy = $('#main-content').html()

var i = 0;
for(i; i < 5; i++)
{
  $('#main-content').html().append(contentToCopy)
}