Javascript 对于依赖于数字输入的循环

我试图重复一个div，次数取决于在数字输入字段中选择的数字，但当前当数字输入被更改时，值被乘以。因此，如果从2到3，它会重复div 6次，而不是3次。如何重置循环，使其仅使用当前编号

$（'#numRepeat'）。在（'change keyup input'，function（）{
var el=$（“.repeat me”）.get（0）；
var numRepeat=$（“#numRepeat”）.val（）；
对于（var i=1；i

您需要删除之前添加的内容：

$（'#numRepeat'）.bind（'change keyup input'，function（）{
var el=$（“.repeat me”）.get（0）；
$（“.repeat me:not（：first）”）.remove（）；
var numRepeat=$（“#numRepeat”）.val（）；
对于（var i=1；i

重复
您需要删除之前添加的内容：


$（'#numRepeat'）.bind（'change keyup input'，function（）{
var el=$（“.repeat me”）.get（0）；
$（“.repeat me:not（：first）”）.remove（）；
var numRepeat=$（“#numRepeat”）.val（）；
对于（var i=1；i

重复
我不确定为什么要使用三个事件
更改键控输入
，只需
输入
事件将检测
输入
字段内的更改，请检查

我建议将重复的
div
模型与结果分开，我认为这将使代码更加清晰，因为您使用的是JQuery，所以可以用
clone（）
替换
cloneNode（）

希望这有帮助



$（'numRepeat'）。在（'input'，function（）{
var el=$（“#模型部门重复我”）；
var numRepeat=$（this.val（）；
$（'#result div'）.empty（）；//清除结果div
对于（var i=0；i

#型号div{
显示：无；
}

重复
我不确定为什么要使用三个事件
更改键控输入
，只需
输入
事件将检测
输入
字段内的更改，请检查

我建议将重复的
div
模型与结果分开，我认为这将使代码更加清晰，因为您使用的是JQuery，所以可以用
clone（）
替换
cloneNode（）

希望这有帮助



$（'numRepeat'）。在（'input'，function（）{
var el=$（“#模型部门重复我”）；
var numRepeat=$（this.val（）；
$（'#result div'）.empty（）；//清除结果div
对于（var i=0；i

#型号div{
显示：无；
}

重复
为什么要在事件处理程序的末尾调用
change（）
？@TravelingTechGuy可能需要先触发事件，以便元素的数量反映加载时的输入值。为什么要调用
change（）
在事件处理程序的末尾？@TravelingTechGuy可能会首先触发事件，以便元素的数量反映加载时的输入值。
$('#numRepeat').on('change keyup input', function () {  
  var el = $(".repeat-me").get(0);
  var numRepeat = $("#numRepeat").val();

  for(var i = 1;i < numRepeat;i++){    
    var newEl = $(el).after(el.cloneNode(true));   
  }
}).change();