Как заполнить поля формы формы, используя информацию из массива

Question

У меня есть массив из 5 элементов;

"apple","grape","peach","strawberry","lemon"

У меня есть таблица, как;

<table id="mytable"> 
    <tr><td class="fruit"><input type="text" /></td></tr> 
    <tr><td class="fruit"><input type="text" /></td></tr> 
    <tr><td class="fruit"><input type="text" /></td></tr> 
    <tr><td class="fruit"><input type="text" /></td></tr> 
    <tr><td class="fruit"><input type="text" /></td></tr> 
</table> 

Я хочу, чтобы авто заполнить каждое текстовое поле соответствующим именем фрукта из массива. Индекс элементов массива и индекс соответствующих полей ввода одинаковы. Есть ли способ сделать это без с использованием for или while цикла с использованием переменной в качестве индекса?

Заранее спасибо ...

Answer 1

Вы можете использовать комбинацию .val() и .index()

var arr = ["apple","grape","peach","strawberry","lemon"]; 
$('.fruit input').val(function(){ 
    return arr[$('.fruit input').index(this)]; 
}); 

DEMO