Javascript 检测要在.each（）中使用的新DOM元素

我有以下输入字段：

subGroupInputs = $("td[data-field_name='sub_group'] input");

用户可以动态添加新的输入

$(subGroupInputs).each(function(input) {
    $(this).on("keyup", function(){ 
        console.log($(this).val());
    });
});

我需要获取所有的值，甚至是动态添加的值，但是我无法获取要更新的输入

我尝试了以下方法，但也不起作用：

        function setVariables(){
             subGroupInputs = $("td[data-field_name='sub_group'] input");
        }

        //Initial Variables on Page Load
        setVariables();

        //Set Variables Again after new elements are added.
        $('.my-button').on("click", function(){ 
            setVariables();
        });

---

如果要与jquery中尚未添加的对象绑定，则应尝试使用而不是on，如果要与jquery中尚未添加的对象绑定，则应尝试使用而不是on

，如果有多个表，请尝试委派，尝试将id放入$（'table'）

$("table").on('keyup', "td[data-field_name='sub_group'] input", function(){
    console.log($(this).val());
});

---

这里的想法是，该表获取所有事件命中，这些事件命中实际上是从

'td[data-field\u name='sub\u group']input'

尝试委派如果有多个表，则尝试将id放入$（'table'）

$("table").on('keyup', "td[data-field_name='sub_group'] input", function(){
    console.log($(this).val());
});

---

这里的想法是该表获取所有事件点击，这些事件点击实际上是从

'td[data-field\u name='sub\u group']input'

中传播的。不，这不起作用，它具有相同的效果。不，这不起作用，它具有相同的效果。嗨，谢谢，这确实有效，但我将使用@joyBlanks的答案，因为文档说明如下：“从jQuery 1.7开始，.delegate（）已被.on（）方法取代。”您好，谢谢，这确实有效，但我将使用@joyBlanks的答案，因为文档说明如下：“从jQuery 1.7开始，.delegate（）已被.on（）方法取代。“您好，谢谢。此操作非常有效，并且与最新的jQuery内联。您好，谢谢。此操作非常有效，并且与最新的jQuery内联。