javascript - Jquery 通过循环获取带 id 的整数值

Question

我有一个简单的 for 循环:

for (var i = 0; i < 10; i++) {
    $('#input' + i).on('blur', function() {
        var values = $('#input' + i).val();
        console.log(values);
    });
}

我想获取#input 的值，如果我在输入中写入一些内容，我只会在控制台中收到未定义的消息。

但是为什么如果我运行以下命令我会得到正确的结果？

for (var i = 0; i < 10; i++) {
    $('#input' + i).on('blur', function() {
        var values = $('#input0').val();
        console.log(values);
    });
}

如何将该值放入该循环中的另一个 id 上？

Answer 1

问题似乎是缺少元素。您可以删除 for() 循环，jQuery 会为您做好一切:

$('[id^="input"').on('blur', function() {
    var values = $(this).val();
    console.log(values);
});

使用此模式，您可以呈现所需的所有输入，并且 jQuery 将循环遍历所有输入，而无需为不存在的元素创建监听器。