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

Question

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

我从一开始就有一个带有一些文本输入的表单.当我单击某个字段时,我想捕获其Id,并为输入文本添加一个值.

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

这适用于初始字段,但它停止使用ajax调用添加的字段.

诀窍是,用户可以点击任何字段,直到他们点击我才知道哪个.我的Ids看起来像这样:

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仅绑定到调用时存在的元素..live()将函数绑定到所有现有元素的事件,以及稍后添加到DOM的任何元素.