Javascript 如何增加var数

我使用的是引导时间选择器，我想对任意数量的文本字段使用它，从1到任意数量，因为它取决于成员。我在下面粘贴我的代码，目前我已经添加了“1”，所以它只适用于一个文本字段，但是如果成员需要多个文本字段来显示时间，我怎么做呢

var counterAvailabilityN = 1;

$('#es_availability_time_from' + counterAvailabilityN).timepicker();
setTimeout(function() {
  $('#timeDisplay').text($('#es_availability_time_from' + counterAvailabilityN).val());
}, 100);

$('#es_availability_time_from' + counterAvailabilityN).on('changeTime.timepicker', function(e) {
  $('#timeDisplay').text(e.time.value);
});


$('#es_availability_time_untill' + counterAvailabilityN).timepicker();
setTimeout(function() {
  $('#timeDisplay').text($('#es_availability_time_untill' + counterAvailabilityN).val());
}, 100);

$('#es_availability_time_untill' + counterAvailabilityN).on('changeTime.timepicker', function(e) {
  $('#timeDisplay').text(e.time.value);
});

---

基本上我是从数据库中检索数据“从到到”，所以有时会有3个文本字段，有时会有5个文本字段，所以我不确定哪个成员会有多少个文本字段，如果是3，我需要在每个文本字段中添加3次时间选择器，如果是5，我想添加5次时间选择器，如您所见，我将其固定为1，我只想在页面加载上，它应该读取其中的数量，并基于每个文本字段中的添加时间选择器，每个文本字段都有不同的ID，从1到任意数字。

这里是一个使用事件委派的示例，它显然没有使用boostrap时间选择器，但它也适用于此

该示例非常简单，易于理解。在from输入中键入的任何内容都会被复制到to输入中

我使用了三个类来定位正确的元素

我还使用jqueryclone方法制作元素的多个副本，而不是用HTML手工编码

$（函数（）{
变量clone=$（'#clone'），body=$（'body'）；
对于（var l=1；l<10；l++）{
var clone=clone.clone（）；
clone.removeClass（'hidden'）；
克隆。附体；
}
body.on（'InputPropertyChange'，'from'，function（）{
var copyTo=$（this）.parents（'.fromto'）.find（'.to'）；
copyTo.val（$（this.val（））；
});
});
。隐藏{
显示：无；
}

从…起
到
这里是一个使用事件委派的示例，它显然没有使用boostrap timepicker，但它也适用于此

该示例非常简单，易于理解。在from输入中键入的任何内容都会被复制到to输入中

我使用了三个类来定位正确的元素

我还使用jqueryclone方法制作元素的多个副本，而不是用HTML手工编码


$（函数（）{
变量clone=$（'#clone'），body=$（'body'）；
对于（var l=1；l<10；l++）{
var clone=clone.clone（）；
clone.removeClass（'hidden'）；
克隆。附体；
}
body.on（'InputPropertyChange'，'from'，function（）{
var copyTo=$（this）.parents（'.fromto'）.find（'.to'）；
copyTo.val（$（this.val（））；
});
});
。隐藏{
显示：无；
}

从…起
到
您可能希望查看事件委派，理想情况下您需要能够设置一些委派标准，例如，不使用ID，而是在输入上使用类，然后您可以将事件分配给x类类型的所有输入。您可能希望查看事件委派，理想情况下您需要能够设置一些委派标准，不使用ID，而是在输入上使用一个类，然后可以将事件分配给x类类型的所有输入。