从javascript数组填充div数组

Question

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

<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]中显示值，在mapArray [4]上显示a4。

我找不到解决方案，除了我可能要用jquery的$（this）.text做一些事情。任何帮助将不胜感激。

Answer 1

你为什么不这样做：

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

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