JSFiddle - React, Tailwind, and code Playground

by Tyriar

HTML

<table>
    <tr>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
        <td class="ordinal"></td>
    </tr>
</table>

JavaScript

$(document).ready(function () {
    $(".ordinal").each(function (i) {
        i++;
        var j = i % 10,
            str;
        if (j == 1 && i != 11) {
            str = i + "st";
        } else if (j == 2 && i != 12) {
            str = i + "nd";
        } else if (j == 3 && i != 13) {
            str = i + "rd";
        } else {
            str = i + "th";
        }
        $(this).text(str);
    });
});