jQuery循环内if语句失效：动态ID选择器无法正常工作

嘿，我帮你揪出几个导致动态选择器失效的关键点，咱们一步步来解决：

1. 循环范围踩了坑（最核心的问题） #

你写的循环条件是i <= amountOfAccounts，但这里要注意：.funding-content的长度是页面上实际存在的元素数量，比如有2个这类元素，它们的ID后缀是0和1，而amountOfAccounts的值是2。这时候循环会从i=0跑到i=2，当i=2的时候，#account-funding-2根本不存在，$(...).val()会返回undefined，和空字符串''比较结果是false，自然不会触发验证逻辑。

把循环条件改成i < amountOfAccounts就对了，这样i只会遍历0到amountOfAccounts-1，刚好对应所有存在的元素后缀。

2. 表单选择器的ID拼写错误（隐性坑） #

看你的HTML里form的ID是accountform，但失效代码里用的是$('#account-form .funding-content')——这里多了个横杠！如果这不是你写示例时的笔误，那amountOfAccounts会被计算成0，循环直接不执行，动态选择器自然没效果；而你用固定#account-funding-0的时候，直接选中了页面上存在的元素，所以能正常运行。

3. 代码简化建议（非必需但更靠谱） #

你现在混合用了jQuery和原生DOM方法，其实可以简化一下，同时别忘了清空验证提示——不然用户输入内容后，之前的错误提示还会留在那里：

修正后的基础版代码 #

// 先修正表单选择器的ID（和HTML里的form ID保持一致）
var amountOfAccounts = $('#accountform .funding-content').length; 
for (var i = 0; i < amountOfAccounts; i++) { // 修正循环条件
    var inputElement = $('#account-funding-' + i)[0]; // 直接拿到原生DOM元素
    if (inputElement.value === '') {
        inputElement.setCustomValidity('Routing Number is a required field.');
    } else {
        // 必须清空，否则输入内容后仍会提示错误
        inputElement.setCustomValidity('');
    }
}

更优雅的遍历方式（强烈推荐） #

既然已经用了jQuery，完全可以直接遍历目标输入框，不用手动拼接ID和计算数量，这样能彻底避免索引错误：

// 选择所有ID以account-funding-开头的输入框，遍历处理
$('#accountform .funding-content input[id^="account-funding-"]').each(function() {
    if (this.value === '') {
        this.setCustomValidity('Routing Number is a required field.');
    } else {
        this.setCustomValidity('');
    }
});

这里的[id^="account-funding-"]是属性选择器，能精准匹配所有符合ID规则的输入框，不管页面上有多少个，都能正确处理。

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