用数字乘以一个元素并使用jQuery插入

Question

我在想如果你可以使用jQuery多次乘上一个元素并使用.html（）插入它？

我建立我自己的滑块，可以帮助把东西放在上下文中......

我得到多次使用的元素，它被存储在一个名为vareachSlideCount。因此，例如，这可能会输出10.

然后我想要做的是创建一个<span></span>为每个（所以10跨度），并插入到一个div生成一个寻呼机。

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

反正是有由eachSlideCount号muliply这个范围，然后添加到.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中示出。