jQuery 自动完成 UI 小部件 - 在动态创建的表格行元素上执行 jQuery 选择事件

Question

我正在对表格数据元素 txtRow1 的文本输入执行有效的 jQuery 自动完成功能。文本数据是远程的，来自 mysql 数据库，并由 JSON 作为文本输入的“值”返回。返回的数据包括另一段文本，该文本通过自动完成中的选择事件填充到相邻的表数据元素tickerRow1。

在 SO 社区的帮助下，自动完成功能现已上线并适用于动态创建的表格的所有文本输入元素（例如 txtRow1 到 txtRowN）。有 javascript 代码来创建和命名表格元素 txtRoxN + 1 和tickerRowN + 1。

但是，我对tickerRowN 的id 的选择事件有疑问。因为每次添加一行都会改变，所以我不知道如何为有问题的表数据的特定id调用select事件。

我已经做了很多搜索，但由于我是新手，所以当你已经知道 id 时，我能够找到的唯一函数可以操纵元素数据。这个 id 是动态创建的，所以我不知道如何构建语法。

感谢您的宝贵时间。

更新：非常感谢 JK，以下示例有效。我现在了解 jsFiddle 并将尝试将其用于所有进一步的问题。以下代码适用于我的动态示例，但我不知道为什么。叹。

jsFiddle working example

Answer 1

function getRowId(acInput){
     //set prefix, get row number
     var rowPrefix = 'txtRow';
     var rowNum = acInput.attr("id").substring((rowPrefix.length));
     return rowNum;
}

$("#txtRow1").autocomplete({
    source: states,
    minLength: 2,
    select: function(event, ui) {
       var tickerRow = "#tickerRow" + getRowId($(this));
        //set ticker input
        $(tickerRow).val(ui.item.label);
    }
});

http://jsfiddle.net/jensbits/BjqNz/