将一个元素乘以一个数字，然后使用jQuery插入

Multiply an element by a number and insert using jQuery

本文关键字：一个 插入 然后 jQuery 元素 数字      更新时间：2023-09-26

我想知道是否可以使用jQuery将一个元素相乘多次，然后使用.html（）插入它？

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

我得到了一个元素被使用的次数，它存储在一个名为eachSlideCount的var中。例如，这可能输出10。

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

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

有没有办法将这个跨度乘以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);

提前感谢

只能对数字进行乘法运算。如果你想重复某件事，写一个循环：

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

在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中进行了说明。

相关文章：