2011-02-06 192 views
1

如何複製一個段落並將其粘貼到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> 

回答

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

+1張貼更快,更好的代碼:) – tpow 2011-02-06 19:59:48

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

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

未測試...