需要使用jquery複製DOM中的同一元素4次使用jquery

Question

使用jquery在dom中插入html。一切工作正常，現在我需要複製一個元素4次，我不知道如何。

這是我如何使用Jquery將元素插入DOM。

function Pin(caixaPin){ 
var $temp; 
    $temp = $("<div></div>"); 
    $temp.addClass("caixaPin"); 
    $temp.html(caixaPin); 
    $("body").append($temp); 
} 

Pin('<div></div>'); 

謝謝!!

Answer 1

在這裏，你去的jsfiddle https://jsfiddle.net/eL3usbxb/

function Pin(caixaPin){ 
    for(var i=0; i<4; i++){ 
     var $temp; 
     $temp = $("<div></div>"); 
     $temp.addClass("caixaPin"); 
     $temp.html(caixaPin); 
     $("body").append($temp); 
    } 
} 

Pin('<div></div>'); 

另一種方式 就叫使用`.clone（）循環

for (var i = 0; i < 4; i++){ 
    Pin('<div></div>'); 
} 

Answer 2

環路

Answer 3

for (var i = 0; i < 4; i++){ 
    Pin('<div></div>'); 
} 

你去那裏只是執行你的功能引腳。從0到3循環的基本（4次）。裏面叫Pin。

Answer 4

您可以使用一個for循環來創建的Y X量，像這樣：

for (var j = 0; j <= 3; j++) 
{ 
    $('body').append('<div class="caixaPin"></div>') 
} 

這樣做是什麼定義J所示0，當它到達3和包括3，追加<div></div>的身體。希望這有助於