appendTo，多次

Question

我在变量中有一个字符串：

var dot = '<div class="dot"></div>'

我试图将它附加到一些HTML中，多次：

var number = 3; // this has come from an $('img').length; could be any number

$(dot * number).appendTo('.m-slide-ctrl');

上面的方法显然不起作用，但我不知道如何处理这么简单的事情。我希望写入字符串的次数将取决于图像的数量(因此使用.length)。

任何帮助都会很好。

http://jsfiddle.net/tmyie/VE75U/

Answer 1

只需使用for循环

for (var i=0;i<number;i++)
{
    $(dot).appendTo('.m-slide-ctrl');
}

DEMO

Answer 2

没有循环，只追加一次

$(Array(number+1).join("<div class='dot'></div>")).appendTo('.m-slide-ctrl');

Answer 3

好吧，如果它来自$('img').length，那么您可以做如下的事情：

var $dotDivProto = $('<div class="dot"></div>');

$('.m-slide-ctrl').append($('img').map(function () {
    return $dotDivProto.clone();
});

或者每次简单地解析：

$('.m-slide-ctrl').append($('img').map(function () {
    return $('<div class="dot"></div>');
});