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, а не AZ в алфавитном порядке.

СпасибоВам за любую помощь

Answer 1

Для тех, кто заинтересован, вот решение:

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