jQuery可排序索引位置

Question

我尝试在起始位置将索引0更改为1，以刷新td属性中的位置；我该如何更改？

$(document).ready(function() {
  $('#sortable').sortable({
    update: function(event, ui) {
      var data = $(this).sortable("toArray", ui.item.attr("id"));
      $(this).children().each(function(index) {
        $(this).find('td.ordre').html(index + 1);
      });
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<table id="players" name="players" class="table table-striped">
  <thead>
    <tr>
      <td>N°</td>
      <td>Nom</td>
      <td>Prénom</td>
      <td>N° licence</td>
    </tr>
  </thead>
  <tbody id="sortable">
    <tr id="1" data-position="1">
      <td class="ordre">1</td>
      <td>Name 1</td>
      <td>Surname 1</td>
    </tr>
    <tr id="2" data-position="2">
      <td class="ordre">2</td>
      <td>Name 2</td>
      <td>Surname 2</td>
    </tr>
    <tr id="3" data-position="3">
      <td class="ordre">3</td>
      <td>Name 3</td>
      <td>Surname 3</td>
    </tr>
  </tbody>
</table>