如何用数字添加st，nd，rd和th

Question

$("tbody > .row").each(function(i) {

        $(this).find(".standing").text(++i );
        
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="container">
  <table id="table">
    <tr>
      <th></th>
      <th>POS</th>
      <th>TEAM</th>
      <th>DRIVER</th>
      <th>TOT</th>
    </tr>
    <tbody>
      <tr class="row">
        <td></td>
        <td><span class="standing"></span></td>
        <td>PROSPORT PERFORMANCE (85)</td>
        <td>ROBERT RENAUER</td>
        <td>100</td>
      </tr>
      <tr class="row">
        <td></td>
        <td><span class="standing"></span></td>
        <td>PROSPORT PERFORMANCE (85)</td>
        <td>ROBERT RENAUER</td>
        <td>46</td>
      </tr>
     <tr class="row">
        <td></td>
        <td><span class="standing"></span></td>
        <td>PROSPORT PERFORMANCE (85)</td>
        <td>ROBERT RENAUER</td>
        <td>34</td>
      </tr>
    </tbody>
  </table>
</div>

我正在建立一个站立姿势的桌子。

目前，我在下面的代码中为每一行提供数字。 现在它只输出（1、2、3等），但我希望它输出（第一，第二，第三，第四等）。 我该怎么做？