jquery - 如何使用jquery从动态生成的表单元素中获取元素Id？

Question

为了尝试这个概念，我正在做一个非常简单的测试。

我得到了一个表单，其中从一开始就显示了一些文本输入。当我单击某个字段时，我想捕获其 Id，并向输入文本添加一个值。

$(document).ready(function() {
    $('input').focus(function() {
        var currentId = $(this).attr('id');
       $("#"+currentId).val('blah');
    });
});

这对于初始字段效果很好，但对于使用 ajax 调用添加的字段则不起作用。

诀窍是，用户可以单击任何字段，但在他们单击之前我不知道是哪个字段。我的 ID 如下所示:

experience0-CompanyName //(original one)
experience[n]-CompanyName

([n] 部分还用于对表单中的字段进行排序，因为元素按经验、教育技能等进行分组...

我怎样才能实现这个目标？

Answer 1

一个简单的改变:

$(document).ready(function() {
    $('input').live("focus", function() {
        var currentId = $(this).attr('id');
       $("#"+currentId).val('blah');
    });
});

.focus 仅绑定(bind)到调用时存在的元素。 .live() 将函数绑定(bind)到所有现有元素以及以后添加到 DOM 的任何元素的事件。