JSFiddle - React, Tailwind, and code Playground

by Tyriar

HTML

<table>
    <tr>
        <td class="ordinal">1</td>
        <td class="ordinal">2</td>
        <td class="ordinal">3</td>
        <td class="ordinal">4</td>
        <td class="ordinal">5</td>
        <td class="ordinal">6</td>
        <td class="ordinal">7</td>
        <td class="ordinal">8</td>
        <td class="ordinal">9</td>
        <td class="ordinal">10</td>
    </tr>
</table>

JavaScript

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