Jquery动态创建具有增量div id的表

目前，我正在使用jquery动态创建一个单元格中包含div的表。 每个div id都将是增量的

我可以创建表和div，但是div被添加到所有单元格中，我想要的是第1行，只有1个div被添加到第一个单元格中，第2行，1个div被添加到第2行单元格1和单元格2中，依此类推

电流输出如下：
预期输出如下：

最终结果如下：

代码如下

var table=$（''）.addClass（'number'）；
对于（i=1；i只需将JQuery代码替换为以下代码

var table = $('<table>').addClass('number');
for(i=1; i<4; i++){
    var row = $('<tr>').addClass('row-hr');
    for (c=1; c<4; c++)
    {
        var col = $('<td>').addClass('cell');
        row.append(col);
    if(c <= i ) {
        var dre = $('<div id="row'+i+'btn'+c+'">').addClass('red').text('j ' + c);
        col.append(dre);
    }

    }
    table.append(row);
}
$('#here_table').append(table);

var table=$（''）.addClass（'number'）；
对于（i=1；i只需将JQuery代码替换为以下代码

var table = $('<table>').addClass('number');
for(i=1; i<4; i++){
    var row = $('<tr>').addClass('row-hr');
    for (c=1; c<4; c++)
    {
        var col = $('<td>').addClass('cell');
        row.append(col);
    if(c <= i ) {
        var dre = $('<div id="row'+i+'btn'+c+'">').addClass('red').text('j ' + c);
        col.append(dre);
    }

    }
    table.append(row);
}
$('#here_table').append(table);

var table=$（''）.addClass（'number'）；
对于（i=1；iSorry，我忘了包括最后一行代码。现在检查结果。嗨，乌斯曼，再次需要你的建议。如果我打算按照上述QN中所示进行最终输出。我如何修改代码以实现它？对不起，我忘了包括最后一行代码。现在检查结果。嗨，乌斯曼，再次需要你的建议。如果我打算o按照上面的QN进行最终输出。我如何修改代码以实现它？