根据您使用的 jQuery 版本，您应该使用.delegate()（jQuery 1.7 之前的）或.on()（jQuery 1.7+）来委托事件处理来处理动态添加的元素的事件。Note.live()已从所有版本的 jQuery 中弃用，因此不应再使用它。

使用.on()，你可以使用这个：

$("#attendance").on("keydown", "input:last", function(e) {
    if (e.which == 9) {
        var $this = $(this);
        var num = parseInt($this.attr('name').match(/\d+(,\d+)?/)[0]) + 1;
        $this.parent().append('<input type="text" name="attendance[' + num +']" value="Name and Position" class="medium" />');
    }
});

使用.delegate()将是相似的（除了参数的顺序不同）。您可以在 jQuery 文档.delegate()和.on().

委托事件处理使用某些 javascript 事件的“冒泡”功能进行工作。这允许您将事件处理程序附加到父对象（不会来来去去）并让它查看从子对象“冒泡”到它的每个事件，检查事件是否来自具有适当的选择器，如果是，则执行您的事件处理代码。这样，随着对象的来来去去，它们的事件仍然得到适当的处理。

正如您最初所做的那样，您将事件处理程序直接绑定到'section#attendance input:last'在事件绑定代码运行时与选择器匹配的对象。从那时起，它直接绑定到该特定对象，无论该对象是否仍然与选择器匹配，或者是否将新对象添加到与选择器匹配的 DOM。使用.delegate()或.on()允许事件处理行为更加动态的委托事件处理- 自动调整以适应 DOM 中的变化。您只需要将事件绑定到一个不会改变的公共父对象，它就可以自动监视它的所有子对象。

要对动态插入的内容做出react，您必须使用委托事件。当前推荐的执行此操作的函数是.on()(live已弃用，bind并delegate已被取代)。

不要用直播！使用于

由于性能不佳，不推荐使用 live 方法，现在改用on方法。

$('section#attendance').on('keydown', 'input:last', function(e) {
    /* ... code ... */
});

也没有理由section在您的 id 选择器前面放置标签。

问题很可能是因为您正在使用 keydown 事件。这实际上对选择器使用了绑定。仅绑定第一次附加时存在的效果项目。JQuery 文档说：

bind() 将事件附加到调用时存在或匹配选择器的元素。之后创建的任何元素或由于类更改而继续匹配的元素都不会触发绑定事件。

您应该将 keydown 替换为以下内容：

$('section#attendance).on("keydown", "input:last", function(e) {...});