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