将行号分配给文本框

Question

如何将行号指定为文本框的值？

我有以下内容。

<div id="rows">
    <div><input type="text"></div>
    <div><input type="text"></div>
    <div><input type="text"></div>
</div>

如何使用jQuery实现此目的？

<div id="rows">
    <div><input type="text" value="1"></div>
    <div><input type="text" value="2"></div>
    <div><input type="text" value="3"></div>
</div>

Answer 1

使用.each()：

$("#rows input").each(function(i, elem) {
    $(this).val(i+1);
});

jsFiddle

Answer 2

$("#rows input[type='text']").each(function(index) {
    this.value = index + 1;
});