将数字乘以数字并使用jQuery插入

Question

我想知道你是否可以使用jQuery多次使用一个元素并使用.html（）插入它？

我正在构建自己的滑块，这可能有助于将事情放在上下文中......

我多次使用一个元素，该元素存储在名为var的{​​{1}}中。例如，这可能会输出10。

然后我要做的是为每个（为10个跨度）创建一个eachSlideCount并将其插入到div中以生成寻呼机。

<span></span>

无论如何都要通过$this.next('.project-slider-count').html('<span></span>')号码多处这个范围，然后添加到eachSlideCount元素？

我到目前为止......但显然遗漏了一些东西......

.project-slider-count

提前致谢

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。

中有说明