如何创建一个二维数组，其维度由用户指定（在jQuery中）

Question

我需要创建一个在输入字段中指定尺寸的2D数组。并填充生成的字段，使其顺时针旋转，从右下角开始。

我设法创建了2D数组，但我不知道如何填充它。任何帮助表示赞赏。

$("button").click(function()
{
    var brr=parseInt($("#brr").val());
    var brs=parseInt($("#brs").val());
    for (i=1; i<=brs; i++)
    {
        for (j=1; j<=brr; j++)
        {
            $("#output").append("<div class='k'>o</div>");
        }
        $("#output").append("<br/>");
    }

})

Answer 1

这样的事情？

http://jsfiddle.net/mig1098/d0beygLp

$("#button").click(function()              
{        
    $("#output").html('');
    var brs1=parseInt($("#brs1").val());
    var brs2=parseInt($("#brs2").val());
    var c=0;
    for (i=1; i<=brs1; i++){

     for (j=1; j<=brs2; j++){
        $("#output").append("<div class='k'>"+c+"</div>");
         c++;
     }
    $("#output").append("<div class=\"clearfix\"></div>");
    }

});

Answer 2

您可以这样填充：LIVE EXAMPLE HERE

 $("button").click(function() 
 {

    var brr=parseInt($("#brr").val());
    var brs=parseInt($("#brs").val());

    var counter = brr * brs;

    for (i=1; i<=brs; i++){

        for (j=1; j<=brr; j++)
        {

          $("#output").append("<div class='k'>" + (counter--) + "</div>");

        }

        $("#output").append("<br/>");

    }

});