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

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

你去吧。循环的基本从0到3（4次）。并在其中调用Pin。

Answer 2

您可以使用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>');
}

Answer 3

只需在循环中执行功能引脚

Answer 4

您可以使用for循环创建X的Y量，如下所示：

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

这样做是将j定义为0，当它达到3并包含3时，将<div></div>附加到正文。希望这有帮助

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

4 个答案: