javascript - 从JavaScript数组填充div数组

我有一个div数组，目前在html中为10x10。我也有一个100大数组的Javascript。他们看起来像这样。

<div class = "mapArrayA" id = "a1">1</div>
<div class = "mapArrayA" id = "a2">2</div>
<div class = "mapArrayA" id = "a3">3</div>
<div class = "mapArrayA" id = "a4">4</div>
<div class = "mapArrayA" id = "a5">5</div>

//

var mapArray = [];
mapArray[1] = 0;
mapArray[2] = 0;
mapArray[3] = 0;
mapArray[4] = 0;
mapArray[5] = 0;

Javascript数组将使用随机生成的数字1-5填充，使用简单循环不会重复。然后，我希望将Javascript数组以可视方式放在div上（作为文本，最后是CSS修改）； a1应该在mapArray [1]中显示值，而a4应该在mapArray [4]中显示。

除了找不到jquery的$（this）.text以外，我找不到其他解决方案。任何帮助将不胜感激。

最佳答案

你为什么不做这样的事情：

$.each(mapArray, function(key, val){
    $("#a"+key).text(val);
});

如果我正确理解您的问题。

关于javascript - 从JavaScript数组填充div数组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33768100/