javascript - 使用 jquery 计算动态创建的 html 元素

Question

我正在计算当前文档中有值(value)的输入数量。它工作正常，除非我动态添加了更多输入。我无法获得那里的值(value)。

例如我可能有

<input id="participant-1"/>
<input id="participant-2"/>
...

点击按钮后动态创建

<input id="participant-15" />

我将在 for 循环中获取每个值

for(var i =1 ; i <25; i++)
{
  ...$('input#participant-' + i).val();
}

现在，当我运行 for 循环来检查这些输入中每一个的值时，它只会获取不是动态创建的输入的值。我已经查看了此处的其他问题，但仍然看不出如何将 .on() 之类的东西应用到我想要完成的事情上。

新的跟进​​问题好的，现在我认为这是我需要更多关于如何使用 .on 的说明。

我这里有一个 jsfiddle:JsFiddle example

我在创建新元素的地方和所有文本框的模糊处，我想计算有多少元素具有值(value)并将其记录下来。现在，它目前将从带有静态元素的模糊事件中响应。它不适用于动态创建的元素

Answer 1

给它一个普通类:

<input class="textbox" id="participant-1"/>
<input class="textbox" id="participant-2"/>

然后像这样:

var values = [];
$('.textbox').each(function(){
    values.push($(this).val());
});
console.log(values)

并回答编辑:

语法应该是:$(container_selector).on(event_type, target_selector, callback)

JSFiddle Demo

$('.name').on('blur', 'input', calculate_total);