JSFiddle - React, Tailwind, and code Playground

HTML

<div id="listA" class="lst">...</div>
<div id="listA" class="lst">...</div>
<div id="listA" class="lst">...</div>
<div id="listA" class="lst">...</div>
<div id="listB" class="lst">...</div>
<div id="listB" class="lst">...</div>
<div id="listB" class="lst">...</div>

CSS

.red {
    color:red
}
.green {
    color:green
}

JavaScript

var lst = [];
lst = document.querySelectorAll("#listA");
for (k = 0; k < lst.length; ++k) {
    lst[k].id += k + 1;
    lst[k].innerHTML = "У меня поменялся id <span class='red'>без помощи</span> jQuery! Мой id: " + lst[k].id;
}