如何根据每个 td 单元格中找到的最高到最低值重新排序表行？

const tbody = $('tbody');
const rows = tbody.find('tr').sort(function(a, b) {
    let ap = $(a).find('.points');
    let bp = $(b).find('.points');
    if (ap.length && bp.length) {
      return bp[0].innerHTML - ap[0].innerHTML;
    }
});
$('tbody').append(rows);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="livescoring_summary">
   <caption><span>Scoring</span></caption>
   <tbody>
      <tr>
         <th colspan="3">Week 1</th>
      </tr>
      <tr class="eventablerow">
         <td>Dynasty Addict</td>
         <td class="points" id="fid_00021">0.000</td>
         <td><a>Details</a></td>
      </tr>
      <tr class="oddtablerow">
         <td>DeHavilland Beavers</td>
         <td class="points" id="fid_00051">4.000</td>
         <td><a>Details</a></td>
      </tr>
      <tr class="eventablerow">
         <td>Unbelievable</td>
         <td class="points" id="fid_00061">5.000</td>
         <td><a>Details</a></td>
      </tr>
      <tr class="oddtablerow">
         <td>Sonic Boom</td>
         <td class="points" id="fid_00071">0.000</td>
         <td><a>Details</a></td>
      </tr>
      <tr class="eventablerow">
         <td>96 Dead Monkeys</td>
         <td class="points" id="fid_00081">61.000</td>
            <td><a>Details</a></td>
      </tr>
      <tr class="oddtablerow">
         <td>Wolf of DAynasty</td>
         <td class="points" id="fid_00091">23.000</td>
         <td><a>Details</a></td>
      </tr>
      <tr class="oddtablerow">
         <td>Marshall Matters</td>
         <td class="points" id="fid_00111">0.000</td>
         <td><a>Details</a></td>
      </tr>
      <tr class="eventablerow">
         <td>Baltimorons</td>
         <td class="points" id="fid_00121">21.000</td>
         <td><a>Details</a></td>
      </tr>
      <tr class="oddtablerow">
         <td>WGAFF</td>
         <td class="points" id="fid_00131">61.875</td>
         <td><a>Details</a></td>
      </tr>
   </tbody>
</table>