Django+；JQuery—迭代表行，用json数据更新每一行

我有这样的表行

{% for item in items %}
    <tr id="labels" data-index="{{ forloop.counter }}"> </tr>  
{% endfor %}

我试图同时迭代表行和json数据，以便为每个表行分配标签

jQuery.each(labels, function() {
newlabel = this;
document.querySelectorAll('#labels').forEach(function (element, index) {
element.innerHTML = newlabel;
});
})},

但所有行都用字母Z填充，而不是按字母顺序排列的A-Z

---

感谢您的帮助

对于任何感兴趣的人，以下是解决方案：

var iLabel = 0;
document.querySelectorAll('#labels').forEach(function (element, index) {
element.innerHTML = iLabel < labels.length ?
labels[iLabel] :
'undefined';
iLabel++;
});

var-iLabel=0；
document.querySelectorAll（“#labels”）.forEach（函数（元素，索引）{
element.innerHTML=iLabel

var iLabel = 0;
document.querySelectorAll('#labels').forEach(function (element, index) {
element.innerHTML = iLabel < labels.length ?
labels[iLabel] :
'undefined';
iLabel++;
});