如何使用JQuery对表列进行升序和降序排序？

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
    </tr>
    <!-- 更多行 -->
  </tbody>
</table>

$(document).ready(function(){
  $("#myTable").on("click", "th", function(){
    var columnIndex = $(this).index();
    var rows = $("#myTable tbody tr").get();

    rows.sort(function(a, b) {
      var aValue = $(a).children("td").eq(columnIndex).text();
      var bValue = $(b).children("td").eq(columnIndex).text();
      return aValue.localeCompare(bValue);
    });

    $("#myTable tbody").empty().append(rows);
  });
});