我正在尝试创建一个包含 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
元素(每行一个)并设置其文本内容。
$("#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/