JSFiddle - React, Tailwind, and code Playground

by Paulpro

HTML

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

JavaScript

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