2011-02-06 31 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> 
<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:

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

jQueryのことになり:) – tpow

+0

素晴らしい、ありがとう。 – nowayyy

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

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

テストされていない...

関連する問題