javascript - 如何在 HTML 中显示 jQuery 和 Javascript 生成的二维数组?

标签 javascript jquery matrix

我正在尝试创建一个包含 100 个随机数的表,随机数从 0 到 100。我需要使用 JS 和 jQuery 在 HTML 中将 100 个随机数显示为 10 x 10 矩阵。我一直在编写的代码显示最后一个数组 10 次。这是代码:

<html>
    <head>
        <title>My Web Page</title>
        <script type = "text/javascript" src = "http://code.jquery.com/jquery-1.8.2.min.js" />
        </script>
    </head>
    <body>
        <h1 id = "randData">Randomize Data</h1>
        <button id = "myRandomizeBtn">Randomize</button>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
    </body>
    <script type="text/javascript">
    $("#myRandomizeBtn").bind("click",randomizeHandler);
    function randomizeHandler(evt)
    {
        var n = 10;
        var data = new Array();
        for (var i = 0; i < n; i++)
        {
            for (var j = 0; j < n; j++)
            {
                data[i,j] = Math.floor(100*Math.random());
                $("p").text(data);
            }
            $("br").text(data);
        }
    }
    </script>
</html>

最佳答案

我现在不太明白你是如何打印数据的。你无法设置 br 的文本属性。

按照您现在的方式,$('p') 将选择页面上的所有 p 元素。您可以使用 .eq()函数选择第 i 个 p 元素(每行一个)并设置其文本内容。

Demo

$("#myRandomizeBtn").bind("click",randomizeHandler);

function randomizeHandler(evt)
{
  var n = 10;
  var data = [];
  for (i=0; i<n; i++)
  {
    data[i] = [];
    for (j=0; j<n; j++)
    {
      data[i][j] = Math.floor(100*Math.random());
    }
    $("p").eq(i).text(data[i]);
  }
}

关于javascript - 如何在 HTML 中显示 jQuery 和 Javascript 生成的二维数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12792283/

相关文章:

Javascript:forEach() 循环填充数组 - 闭包问题

javascript - 如何将div内的内容克隆到其他div

jquery - CSS 链接和 jQuery

javascript - jQuery ajax 成功事件奇怪地不适用于 ajaxSetup

excel - 以特定顺序(符合方程式)生成随机数以产生一系列特定结果

javascript - 取消选中复选框时触发事件

javascript - 无法通过 JavaScript 点击事件的 Rspec 测试

javascript - 使用 Jquery 更改检查单选按钮 ID

c - 方阵置换

.net - 如何在Matrix3D中设置这种透视变换?