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

如何使用数组中的信息自动填充表单字段？

1 个答案: