我在表單中添加了兩個(gè)字段；使用 JavaScript 的“事件數(shù)據(jù)”和“事件詳細(xì)信息”。它方便用戶添加任意數(shù)量的事件。除了以下兩個(gè)問題外，一切都運(yùn)行良好。如果我添加讓我們說 5 個(gè)事件并刪除編號(hào)。2 事件。我的其余事件的順序是這樣的，1,3,4,5但它們應(yīng)該看起來像1,2,3,4另外，刪除編號(hào)后。2 事件，如果我添加新事件，它會(huì)在編號(hào) 5 處創(chuàng)建；所以我的事件順序看起來像這樣1,3,4,5,5..如何修改我的腳本以使我的事件自動(dòng)重新排列？var tableCount = 1;var index = 1;$(document).on('click', 'button.add_time', function(e) {  e.preventDefault();  tableCount++;  $('#timeTable').clone().attr('id', "timeTable" + tableCount).appendTo('#table');  $('#timeTable' + tableCount).find("input").val("");  index++;  $('#timeTable' + tableCount + ' .aa').html(tableCount);});$(document).on('click', 'button.removeTime', function() {  var closestTable = $(this).closest('table');  if (closestTable.attr('id') != "timeTable") {    closestTable.remove();  }  tableCount--;  if (tableCount < 1) {    tableCount = 1;  }  return false;}); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div id="table" class="form-group">  <table id="timeTable" class="tg">    <tr class="form-group">      <td class="aa">1</td>      <td class="tg-yw4">        <button class="btn form-control btn-danger removeTime">Remove Events</button>      </td>      <td class="col-sm-4">        <input placeholder="Event Date" name="events[]" class="input-lg" type="text" onfocus="(this.type='date')">      </td>    </tr>    <tr>      <td class="aa">1</td>      <td class="tg-yw4">Event Description:</td>      <td>        <input name="event_descriptions[]" type="text" placeholder="Event description:" />      </td>    </tr>  </table></div><div class="my-5">  <button class="add_time btn btn-info">Add More Events</button></div>