Вставьте Array Jquery в каждое поле ввода того же класса

Question

У меня есть хранилище значений Jquery в массиве. как я могу поместить каждое значение в каждое поле в HTML.

Данные Jquery

var pid = ['688', '500', '450'];

поле

 <input type="text" class="field_pid">
<input type="text" class="field_pid">
<input type="text" class="field_pid">

Answer 1

Использование val( function )

Метод .val () позволяет установить значение, передав функцию. Начиная с jQuery 1.4, функции передаются два аргумента: индекс текущего элемента и его текущее значение

var pid = ["688", "500", "450"];

$(".field_pid").val((i) => pid[i]);

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

<input type="text" class="field_pid">
<input type="text" class="field_pid">
<input type="text" class="field_pid">

Answer 2

У вас есть 2 способа, либо вы можете отобразить классы, потому что тот же класс хранится в формате массива, или у вас уже есть список массивов pid , я сопоставлен с массивом pid

var pid = ['688', '500', '450'];
$(document).ready(function(){
pid.map((value , key)=>{
$('.field_pid').eq(key).val(pid[key]);
})
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <input type="text" class="field_pid">
<input type="text" class="field_pid">
<input type="text" class="field_pid">

Answer 3

Используйте forEach и eq:

$(() => {
  const pid = ["688", "500", "450"];
  
  pid.forEach((num, idx) => $(".field_pid").eq(idx).val(num));
});

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<input type="text" class="field_pid">
<input type="text" class="field_pid">
<input type="text" class="field_pid">

Answer 4

Вы можете попробовать этот код. У меня это работает:

$(function() {
  var pid = ['688', '500', '450'];
  var l = pid.length;
  var i = 0;
  while (i < l) {
    $('.field_pid').eq(i).val(pid[i]);
    i++;
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="field_pid">
<input type="text" class="field_pid">
<input type="text" class="field_pid">