Jquery 如何在通过克隆方法创建的表中更新相应td中的div

我使用克隆方法创建了一个动态表。 我在表格的每个td中放置了一个搜索框和一个div

现在，在从搜索框中选择项目时，我尝试在同一单元格中的div中显示选定值。它正在为第一个单元工作。但不适用于其他动态创建的单元

请帮帮我。谢谢 以下是代码片段：

    var input = $("<input type='text'>").appendTo(td);
    input.autocomplete({
        source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"],
        minLength: 3,
        select: function(event, ui ) {
            $( "<div>" ).text( "Selected: " + ui.item.value ).prependTo( "#log" );
            $( "#log" ).scrollTop( 0 );
        }
    });
    $('<div>').attr({ class: ["ui-widget"],  style : "margin-top:2em; font-family:Arial" }).appendTo(td);
    $('<div>').attr({ id:"log" ,class: "ui-widget-content",  style : "height: 75px; width: 250px; overflow: auto;" }).appendTo(td);

var input=$（“”）。appendTo（td）；
input.autocomplete({
来源：[“c++”、“java”、“php”、“coldfusion”、“javascript”、“asp”、“ruby”]，
最小长度：3，
选择：功能（事件、用户界面）{
$（“”）.text（“所选：”+ui.item.value）.prependTo（“#log”）；
$（“#log”）.scrollTop（0）；
}
});
$（''）.attr（{class:[“ui小部件”]，样式：“页边空白顶部：2em；字体系列：Arial”}）；
$（''）.attr（{id:“log”，class:“ui小部件内容”，样式：“高度：75px；宽度：250px；溢出：auto；”}）.appendTo（td）；

---

您可以在此处查看演示：

我已经用必要的更改更新了演示。现在，我看到所选的值被附加到第一个cell div标记。我希望在各自的td中更新。帮助我。提前感谢。无论您在何处使用

id

进行

prepend

操作，当您使用

prepend

操作时，它都会进行第一个id的前置操作！html中的ID应该是唯一的，克隆时将创建重复的ID@GuruprasadRao使用find或nextest函数并在光标当前所在的单元格中查找div如何？我建议使用

class

而不是克隆的

id

，然后借助

find

或

nextest