JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="topnum">
<li><a id="test" href="#">test</a></li>
<li><a id="test" href="#">test</a></li>
<li><a id="test" href="#">test</a></li>
<li><a id="test" href="#">test</a></li>
<li><a id="test" href="#">test</a></li>
<li><a id="test" href="#">test</a></li>
</ul>

JavaScript

$("#test").each(function(i, el) {
    if(i < 1)
        $(el).css('background-color', '#0FF');
    $(el).prepend('<span class="num">' + (i+1) + "</span>");
})