將元素乘以數字並使用jQuery插入

Question

我想知道是否可以使用jQuery多次復制一個元素並使用.html（）插入它？

我正在構建自己的滑塊，這可能有助於將內容放到上下文中。

我得到多次使用的元素，它被存儲在一個var稱為eachSlideCount 。 因此，例如，這可能輸出10。

然后，我要為每個這些對象創建一個<span></span> （所以10個跨度），並將其插入div以生成一個尋呼機。

$this.next('.project-slider-count').html('<span></span>')

無論如何，可以通過eachSlideCount數字來使該范圍eachSlideCount增加，然后添加到.project-slider-count元素中？

我已經走了這么遠...但顯然缺少了一些東西...

var eachSlideCount = $this.find('.other-slides').length;
var eachSlideTotal = ($this.next('.project-slider-count').html('<span></span>')) * eachSlideCount;
$('.project-slider-count').html(eachSlideTotal);

提前致謝

Answer 1

只能對數字進行乘法運算。 如果要重復某件事，請編寫一個循環：

var span = '';
for (var i = 0; i < eachSlideCount; i++) {
    span += '<span></span>';
}
$this.next('.projectslider-count').html(span);

Answer 2

在JavaScript中，您可以執行for循環。 例如，在下面：

var count = 10;
for (var i=0; i<count; i++) {
   // Code
}

循環的主體將執行10次。

在jQuery中，您可以使用append()方法在現有元素內追加新的HTML元素。 例如，以下將在循環中添加<span>元素：

var container = $("#container");
var count = 10;
for (var i=0; i<count; i++) {
   container.append("<span>");
}

jsFiddle中對此進行了說明 。