使用jQuery将数组中的数据添加到空输入

Question

我有一些动态生成的输入。有些人有ID，有些人没有。我还有一个ID数组。我需要遍历ID数组，并将下一个可用的ID输入到下一个输入中，而不需要值。我试过了

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

和

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

显然，第二个不搜索输入的值，第一个使用:empty，我发现它并不是我使用它的目的。

你知道我需要用什么才能让它工作吗？谢谢！！

Answer 1

这将过滤.event-id元素中没有值的元素，然后将一个函数传递给.val()，该函数返回与当前索引匹配的数组元素。

$('.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

将函数传递给.val()需要jQuery 1.4或更高版本。