Jquery 递增时逐个寻址一个元素

我在Jquery中创建了一个网格，并希望给每个单元格一个递增的数字，但是我不能用类

.grid

获得一个元素，而是所有元素

我就是不知道如何一个接一个地获取元素，所以递增的数字不会被下一个元素覆盖

函数gridBau（）{
对于（变量行=0；行<9；行++）{
对于（变量列=0；列<6；列++）{
$（“#容器”）。附加（“”）；
}
}
变量宽度=$（“#容器”）.css（'width'）；
var height=$（'#container'）.css（'height'）；
高度=高度。切片（0，-2）；
宽度=宽度。切片（0，-2）；
$（'.grid'）.css（'width'，（width/9））；
$（'.grid'）.css（'height'，（height/6））；
}
gridBau（）；
var stopper=$（'.grid'）.length；
var计数器=1；
函数gridCount（）{
对于（变量i=0；i
正文{
保证金：0；
框大小：边框框；
}
#容器{
高度：100vh；
宽度：100%；
边框：纯黑4px；
框大小：边框框；
溢出：隐藏；
}
.电网{
边框：实心rgb（220,8,8）2px；
显示：内联块；
框大小：边框框；
文本对齐：居中；
}
jQuery有一个
索引
方法。

这是一个PoC：


for（设i=0；i您可以使用
。每个
循环迭代
grid
div，然后使用
this
将计数分配给grid div

演示代码：


$（文档）.ready（函数（）{
函数gridBau（）{
对于（变量行=0；行<9；行++）{
对于（变量列=0；列<6；列++）{
$（“#容器”）。附加（“”）；
}
gridCount（）；//调用以添加计数
}
变量宽度=$（“#容器”）.css（'width'）；
var height=$（'#container'）.css（'height'）；
高度=高度。切片（0，-2）；
宽度=宽度。切片（0，-2）；
$（'.grid'）.css（'width'，（width/9））；
$（'.grid'）.css（'height'，（height/6））；
}
gridBau（）；
var stopper=$（'.grid'）.length；
函数gridCount（）{
var计数器=1；
//使用每个选项可以在网格中循环
$（“.grid”）。每个（函数（索引）{
$（此）.text（计数器）；
计数器++；
})
}
})；
#容器{
高度：100vh；
宽度：100%；
边框：纯黑4px；
框大小：边框框；
溢出：隐藏；
}
.电网{
边框：实心rgb（220,8,8）2px；
显示：内联块；
框大小：边框框；
文本对齐：居中；
}

。每个
都将索引传递到函数-
函数（索引，元素）{
，因此您不需要执行
。index（）
您不需要在循环中运行它吗？