JS：如何在具有不同#ids的for循环中打印元素？

Question

我想用jQuery，几个html元素打印出来，每个元素应该有一个独特的#id。

我的代码确实输出了元素，但我不知道如何使它们与众不同。

<input type='button' onclick="generarTabla(5)" name='submit' value='How Many?'>
<div id="output"></div>

function generarTabla(cant) {
var numero = 1;
var celda = "Mes <input type='text' name='nro"+numero+"'><br>";
for ($i=0; $i<cant; $i++) { 
    $('#output').append(celda);
    }     
}

每行应该是这样的：

Mes <input type='text' name='nro1'><br>
Mes <input type='text' name='nro2'><br>
Mes <input type='text' name='nro3'><br>

等

现在输出如下：

Mes <input type='text' name='nro1'><br>
Mes <input type='text' name='nro1'><br>
Mes <input type='text' name='nro1'><br>

Here´s a copy of the code at jsfiddle

Answer 1

将构造函数放在循环中并使用循环变量

function generarTabla(cant) {
    for ($i=0; $i<cant; $i++) { 
        var celda = "Mes <input type='text' name='nro"+($i+1)+"'><br>";
        $('#output').append(celda);
    }     
}