使用.val()为.each()设置循环迭代次数

哦，我懂你的问题了——你想用输入框里的数字控制循环次数，但误用了jQuery的.each()方法，所以没效果对吧？这是因为.each()是用来遍历jQuery DOM元素集合的，而$("#myField").val()返回的是单个字符串/数字值，根本不是可遍历的集合，自然不会生效。

下面给你几种正确的实现方式：

方法1：普通JavaScript for循环（最直接高效） #

这是最常用的方式，先把字段值转换成数字，再用for循环控制次数：

// 获取字段值并转换为整数（第二个参数10是指定十进制，避免意外）
const loopCount = parseInt($("#myField").val(), 10);

// 先做有效性校验，防止非数字或负数导致的异常
if (!isNaN(loopCount) && loopCount > 0) {
  for (let i = 0; i < loopCount; i++) {
    // 这里写你的循环逻辑，示例：打印当前迭代次数
    console.log(`第 ${i + 1} 次循环执行`);
    // 比如你可以在这里操作DOM、发起请求等
  }
} else {
  console.log("字段值不是有效的正整数，请检查输入");
}

方法2：用jQuery的$.each()结合数组 #

如果你习惯用jQuery的语法，可以先创建一个对应长度的数组，再用$.each()遍历：

const loopCount = parseInt($("#myField").val(), 10);

if (!isNaN(loopCount) && loopCount > 0) {
  // 创建一个长度为loopCount的空数组，然后遍历它
  $.each(Array(loopCount), function(index) {
    console.log(`第 ${index + 1} 次循环执行`);
    // 你的业务逻辑写在这里
  });
}

为什么你的原代码无效？ #

再强调一下：$("#myField").val()返回的是单个值（比如字符串"3"或数字3），而jQuery的.each()方法是为了遍历多个DOM元素（比如$(".item").each()遍历所有class为item的元素），单个值没法触发遍历逻辑，所以你的代码没有任何效果。

另外要注意：一定要把字段值转换成数字类型，因为val()默认返回字符串，如果直接用字符串"3"参与循环，虽然JS会自动转换，但显式转换能避免很多潜在问题（比如字段值是"abc"时会变成NaN，导致循环不执行）。

内容的提问来源于stack exchange，提问作者user1647160