自動完成JQuery多行

Question

我有一個表有多個行和列，我不知道如何使用Jquery的自動完成插件，以便自動完成所選的行。它是表的代碼：

<table class="participante estilizar" id="participante_<?php echo $i?>" cellspacing="0" width="100%"> 
    <tbody> 
     <tr> 
      <td> 
       <label for="cedula">Cédula</label><input class="cedula" onkeypress="return numeros(event)" type="text" maxlength="50" name="participante_cedula[]" value="<?php echo $value->cedula?>" /> 
      </td> 
      <td> 
       <label for="nombre">Nombre y apellido</label><input class="nombre" onkeypress="return alfa(event)" type="text" maxlength="75" name="participante_nombre[]" value="<?php echo $value->nombre?>" /> 
      </td> 
      <td> 
       <label for="correo">Correo</label><input class="correo" type="text" maxlength="50" name="participante_correo[]" value="<?php echo $value->correo?>" /> 
      </td> 
     </tr> 
    </tbody> 
</table> 

我知道，我應該使用標籤ID，以確定我的表的每一行，但在這種情況下，我不知道該怎麼稱呼自動完成插件。它是自動完成代碼：

var sug_cedula = [ 
    { 
     label: "123", 
     nombre: "Juan", 
     correo: "juan@cuenta.com" 
    }, 
    { 
     label: "456", 
     nombre: "Pedro", 
     correo: "pedro@cuenta.com" 
    }, 
    { 
     label: "789", 
     nombre: "Angel", 
     correo: "angel@cuenta.com" 
    } 
]; 
$(".cedula").autocomplete({ 
    minLength: 0, 
    source: sug_cedula, 
    focus: function(event, ui) { 
     return false; 
    }, 
    select: function(event, ui) { 
     $(".cedula").val(ui.item.label); 
     $(".nombre").val(ui.item.nombre); 
     $(".correo").val(ui.item.correo); 
     return false; 
    }, 
}); 

在我的例子，當我輸入一些字符，然後選擇一個選項，該功能自動填充具有相同值的所有表，因爲我使用的標籤類，而不是標籤ID。有人能幫助我嗎？

Answer 1

如果你只是想設置當前行的當前值，你可以這樣做：

$(".cedula").autocomplete({ 
    minLength: 0, 
    source: sug_cedula, 
    focus: function(event, ui) { 
     return false; 
    }, 
    select: function(event, ui) { 
    var thisRow = $(this).parents("tr"); 
    thisRow.find(".cedula").val(ui.item.label); 
    thisRow.find(".nombre").val(ui.item.nombre); 
    thisRow.find(".correo").val(ui.item.correo); 
    return false; 
    }, 
});