Ajouter des données du tableau à l'entrée vide avec jQuery

Question

J'ai une poignée d'entrées générées dynamiquement. Certains ont des identifiants, d'autres pas. J'ai aussi un tableau d'ID. J'ai besoin de faire une boucle dans le tableau d'ID et d'entrer le prochain ID disponible dans l'entrée suivante sans valeur. J'ai essayé

$.each(event_array, function(intIndex, objValue){ 
    $('.event-data').find('.event-id').each(function(i){ 
    $(".event-id:empty").val(objValue); 
    }); 
}); 

Et

$('.event-data').find('.event-id').each(function(i){ 
    $(".event-id").val(event_array[i]); 
}); 

Il est évident que le second ne cherche pas la valeur de l'entrée et le premier utilise: vide que je l'ai découvert est pas pour ce que je Je l'utilise pour.

Une idée de ce que j'ai besoin d'utiliser pour que cela fonctionne? Merci!

Answer 1

Ceci va filtrer à travers les éléments .event-id pour ceux qui n'ont pas de valeur, puis passe une fonction à .val() qui renvoie l'élément de tableau correspondant à l'index actuel.

$('.event-data .event-id').filter(function() { 
    return this.value === ''; // filter items that don't have a value 
}) 
.val(function(i,val) { return event_array[i]; }); // Call .val() on the resulting 
                // set, using the i value of 
                // each to get the next item 
                // from your array 

Le passage d'une fonction à .val() nécessite jQuery 1.4 ou version ultérieure.