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

我想用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);
    }     
}

函数generarTabla（铁路超高）{
var numero=1；
var celda=“Mes
”；
对于（$i=0；$i将构造函数放入循环中并使用循环变量

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

函数generarTabla（铁路超高）{
对于（$i=0；$i，请在循环内输入
celda
赋值，并在
name
属性中使用
i
而不是
numero
如果要创建三个不同的元素，则必须在循环内创建它们，而不是在循环外创建一个。
Mes <input type='text' name='nro1'><br>
Mes <input type='text' name='nro1'><br>
Mes <input type='text' name='nro1'><br>

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