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

我对表数据元素txtRow1的文本输入执行了一个工作jQuery自动完成。文本数据是来自mysql数据库的远程数据，由JSON作为文本输入的“值”返回。返回的数据包括另一段文本，该文本通过自动完成中的select事件填充到相邻的表数据元素tickerRow1

在SO社区的帮助下，autocomplete现在可以运行并处理动态创建的表SO txtRow1到txtRowN的所有文本输入元素。有javascript代码来创建和命名表元素txtRoxN+1和tickerRowN+1

但是，我对tickerRowN id的select事件有问题。因为每次我添加一行时它都会发生变化，所以我不知道如何调用select事件来获取相关表数据的特定id

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

谢谢你抽出时间

更新：非常感谢JK，下面的例子很有效。我现在了解了JSFIDLE，并将尝试使用它来回答所有进一步的问题。下面的代码适用于我的动态示例，但我不知道为什么。唉

---

非常感谢。我不仅了解了JSFIDLE，而且你救了我。我只是希望我能理解它为什么会起作用。我想，最重要的是，我不明白rowNum变量做了什么。它在返回后似乎不会在任何地方使用。@Matthew Bull它在这里使用：var tickerRow=tickerRow+getRowId$this；创建id。非常感谢。我不仅了解了JSFIDLE，而且你救了我。我只是希望我能理解它为什么会起作用。我想，最重要的是，我不明白rowNum变量做了什么。它在返回后似乎不会在任何地方使用。@Matthew Bull它在这里使用：var tickerRow=tickerRow+getRowId$this；创建id。

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);
    }
});