javascript - 需要使用 Jquery 将 DOM 中的相同元素复制 4 次

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>');

另一种方式 只需在循环内调用 Pin 函数

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