如何使用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();
}