多次复制和粘贴

时间:2011-02-06 19:56:10

标签: 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-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> 

2 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:0)

var contentToCopy = $('#main-content').html()

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

未经测试......