Django + JQuery-遍历表行以json数据更新每一行

Question

我的表格行看起来像这样

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

我有这个json数据：

"labels": [
    "A",
    "B",
    "C ",
    "D",
    "E",
    "F",
    "G",
    "H",
    "I",
    "J",
    "K",
    "L",
    "M",
    "N",
    "O",
    "P",
    "Q",
    "R",
    "S",
    "T",
    "U",
    "V",
    "W",
    "X",
    "Y",
    "Z"
],

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

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

但是，所有行都填充了字母Z，而不是按字母顺序A-Z。

谢谢您的帮助

Answer 1

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

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