Javascript 将JS数组值添加到多个div

我有一个数组

var arr = [3,0,1,0,0];

和多个div

<div class="fb0"></div>
<div class="fb1"></div>
<div class="fb2"></div>
<div class="fb3"></div>
<div class="fb4"></div>

还有更多

如何将数组中的值按数组中的数字交替添加到按类划分的数字

<div class="fb0">3</div>
<div class="fb4">0</div>
<div class="fb2">1</div>
<div class="fb3">0</div>
<div class="fb1">0</div>

您可以使用jQuery循环遍历所有div。Inside event handler函数使用索引从数组中获取项并设置当前元素的文本：

var-arr=[3,0,1,0,0]； $'[class^=fb]'.eachfunctionidx{ ifarr.length>=idx//检查数组长度是否更大/等于当前索引。 $this.textarr[idx]； }; 您可以使用jQuery循环遍历所有div。Inside event handler函数使用索引从数组中获取项并设置当前元素的文本：

var-arr=[3,0,1,0,0]； $'[class^=fb]'.eachfunctionidx{ ifarr.length>=idx//检查数组长度是否更大/等于当前索引。 $this.textarr[idx]； }; 您可以使用选择div，然后使用forEach将值相应地添加到每个div

功能更新{ 设arr=[3,0,1,0,0]； 让divs=document.querySelectorAll'[class^=fb]' divs.forEache，i=>{ e、 innerHTML=arr[i] } } 单击“我”查看可用于选择div的输出，然后使用forEach将值相应地添加到每个div

功能更新{ 设arr=[3,0,1,0,0]； 让divs=document.querySelectorAll'[class^=fb]' divs.forEache，i=>{ e、 innerHTML=arr[i] } }

---

单击我查看您可以使用的输出。每个方法。jQuery'[class^=fb]'.eachfunctionidx{ifarr.length>=idx//检查数组长度是否更大/等于当前索引；我不明白为什么在HTML的第二块中，div元素被重新排序到不同的位置？有什么逻辑吗？你可以使用每种方法。jQuery'[class^=fb]'.eachfunctionidx{ifarr.length>=idx//检查数组长度是否更大/等于当前索引；我不明白为什么在HTML的第二块中，div元素被重新排序到不同的位置？这有什么逻辑吗？