Javascript 自动生成div框内的随机数？

如何在div框内自动生成随机数？并在刷新页面后再次更改

HTML代码。

    <div class="grid" data-row="0" data-column="0"></div>
    <div class="grid" data-row="0" data-column="1"></div>
    <div class="grid" data-row="0" data-column="2"></div>
    <div class="grid" data-row="0" data-column="3"></div>
    <div class="grid" data-row="0" data-column="4"></div>

    ......

    <div class="grid" data-row="4" data-column="0"></div>
    <div class="grid" data-row="4" data-column="1"></div>
    <div class="grid" data-row="4" data-column="2"></div>
    <div class="grid" data-row="4" data-column="3"></div>
    <div class="grid" data-row="4" data-column="4"></div>

---

必须使用JQuery的

.each（）

方法循环所有

div

元素，并在该循环中生成随机数。继续生成随机数并继续应用于

div

。见下文

$（'.grid'）。每个（函数（）{
var x=数学地板（（数学随机（）*25）+1）；
$（此）.text（x）
});
您必须使用JQuery的
.each（）
方法循环所有
div
元素，并在该循环中生成随机数。继续生成随机数并继续应用于
div
。见下文


$（'.grid'）。每个（函数（）{
var x=数学地板（（数学随机（）*25）+1）；
$（此）.text（x）
});
试试这个，这应该会对你有所帮助，我对代码做了一些注释，可能会有所帮助


//获取所有网格行
var arr=document.querySelectorAll（'.grid'）；
//环网阵列
arr.forEach（功能（el）{
//生成随机数
var x=数学地板（（数学随机（）*25）+1）；
//将该编号传递给元素节点
el.innerText=x；
});
试试这个，这应该会对你有所帮助，我对代码做了一些注释，可能会有所帮助


//获取所有网格行
var arr=document.querySelectorAll（'.grid'）；
//环网阵列
arr.forEach（功能（el）{
//生成随机数
var x=数学地板（（数学随机（）*25）+1）；
//将该编号传递给元素节点
el.innerText=x；
});

您所说的“刷新页面后再次更改”是什么意思？你的要求是什么？页面刷新后，您在DOM中使用JavaScript所做的一切都将丢失“刷新页面后再次更改”是什么意思？你的要求是什么？页面刷新后，您在DOM中使用JavaScript所做的一切都将丢失
function random() {
  var x = Math.floor((Math.random() * 25) + 1);
  $(".grid").text(x);
}