Remplir des valeurs d'entrée sans chaque boucle

Non, ce n'est pas possible avec .val () code>. En sélectionnant plusieurs entrées et en définissant la valeur de l'objet JQuery, vous appliquerez la même valeur à l'ensemble de la collection d'éléments.

Si vous essayez d'one-la ligne, vous pouvez faire P>

$('input').each( item => $(item).val(data[ $(item).attr('data-x') ]) );

peut être quelque chose comme ça?

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type='text' class='einp' data-x=0>
<input type='text' class='einp' data-x=1>
<input type='text' class='einp' data-x=2>

Vous pouvez utiliser jquery.fn.val code> a > avec une fonction. Il suffit d'accéder à l'élément dans la matrice de données à l'aide de la valeur de data-x code> et renvoyez-la. Notez qu'il utilise toujours une boucle implicitement.

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type='text' class='einp' data-x = 0>
<input type='text' class='einp' data-x = 1>
<input type='text' class='einp' data-x = 2>

Vous ne pouvez pas faire cela sans boucle, bien que vous puissiez optimiser votre code:

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type='text' class='einp' data-x = 0>
<input type='text' class='einp' data-x = 1>
<input type='text' class='einp' data-x = 2>

Vous pouvez utiliser une bibliothèque de liaison de données simple comme knockoutjs

Si vous vous inquiétez de l'ajout d'une autre bibliothèque et que vous avez aussi une compétence pour JavaScript, juste Google Reliure de données dans JavaScript . Vous pouvez trouver de nombreux articles

Fondamentalement, vous avez un objet avec une propriété définie pour chaque zone de texte et getter et Setter se liera à l'événement TextBox. afin que vous puissiez avoir un mécanisme de liaison de données de manière simple simple.