JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div class="number">
    </div>
    <div class="number">
    </div>
    <div class="number">
    </div>
    <div class="number">
    </div>
    <div class="number">
    </div>
    <div class="number">
    </div>
    <div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div>
    <div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div><div class="number">
    </div>
<div>

JavaScript

var index = 97;
$("#parent .number").each(function(i) {
    $(this).html(String.fromCharCode(index++));
});