如何在使用jQuery的每個組中使用相同類名的多輸入文本框中插入值？

Question

如何在具有相同類名的多輸入文本框中爲每個組插入一個值。我想更新每個組的輸入文本框值。我在下面的代碼正在工作，但當我在自動完成中選擇一個項目時，它填滿了所有文本框。我想要的是，如果我在項目組1中選擇一個項目，則只會更新組1中的文本框。

<div id="itemgroup1"> 
    <input type="text" class="form-control itemname" name="oe_type[]" placeholder="Enter item name or code" required> 
    <input type="text"class="form-control it_desc" name="oe_desc[]" placeholder="Enter item description" required>          
    <input type="number" step="any" class="form-control it_price" name="oe_value[]" placeholder="Enter unit price" value="0"> 
    <input type="number" step="any" min="1" class="form-control itemqty" name="oe_qty[]" placeholder="Enter quantity" required> 
</div> 
<div id="itemgroup2" > 
    <input type="text" class="form-control itemname" name="oe_type[]" placeholder="Enter item name or code" required> 
    <input type="text"class="form-control it_desc" name="oe_desc[]" placeholder="Enter item description" required> 
    <input type="number" step="any" class="form-control it_price" name="oe_value[]" placeholder="Enter unit price" value="0"> 
    <input type="number" step="any" min="1" class="form-control itemqty" name="oe_qty[]" placeholder="Enter quantity" required> 
</div> 
<script> 
    $(".itemname").autocomplete({ 
    minLength: 4, 
    autoFocus: true, 
    source: function(request, response) { 
     $.ajax({ 
     url: "get_item.php", 
     data: {term: request.term}, 
     dataType: "json", 
     success: function(data) { 
      response($.map(data.myData, function(item) { 
      return { 
       label: item.name, 
       value: item.code, 
       code: item.code, 
       price: item.price, 
       desc: item.desc 
      } 
      })); 
     } 
     }); 
    }, 
    select: function (event, ui) { 
     $(".it_desc").val(ui.item.desc); 
     $(".it_price").val(ui.item.price); 
     $(".itemqty").focus(); 
    } 
    }); 
</script> 

Answer 1

試試這個：

select: function(event, ui) { 
    $(this).nextAll(".it_desc").val(ui.item.desc); 
    $(this).nextAll(".it_price").val(ui.item.price); 
    $(this).nextAll(".itemqty").focus(); 
}