Javascript jquery remove（）的问题

我一直在尝试使用jquery负载动态更新表，但遇到了一个问题

使用load将数据正确加载到我的表中。但是，当我尝试删除表的前几行，然后调用load来获取新表行时，它只是将新表行追加到旧表行的末尾

我已经排除了从load获得的响应包含以前的数据。前几行被删除后也会调用Load，所以我不太确定哪里出错了

chrome中的Inspect元素显示正确删除的表行，但当调用after load时，删除的行会重新出现

Javascript/Jquery代码：

HTML表格：

---

作为旁注。。。$.when作为remove没有用处，它不会返回承诺。。。remove方法是一个同步请求，您可以调用$.table\u row\u data.remove；可更新`啊，好的，我在其他地方看到它被用在了另一个答案上。我想这可能就是问题的根源！调用$.table\行\数据的Lil更新。删除；可更新；仍然会导致同样的问题。将继续查找并感谢：我已通过禁用sortList:[[3,0]]修复了它。不太清楚为什么是tablesorter导致了这个问题。问题出在tablesorter上，当然不是tablesorter的错。我只需要在用jquery删除行之后更新表。$'myTable'.trigger'update'；

    $("#quantity").change(function(){
  if ($('.table_row_data').length > 0)
  { 
    // if data exists, remove the rows then get the new ones
    $.when($( ".table_row_data" ).remove()).then(updateTable());
  }
  else{
    updateTable();
  }

  function updateTable()
  {
    //on change load data about prices if all other fields are set
    $("#comparison").load("GetPrices.php?var1=" + $("#var1").val()
    + "&var2=" + $("#var2").val() + "&var3=" + $("#var3").val()
    + "&var4=" + $("#var5").val(), function()
    {
      //sort table when table is loaded
      $("#myTable").tablesorter
      ({ 
      // sort price low --> high by default
      sortList: [[3,0]]
      });
    });
  }
});

<table id="myTable" class="table table-bordered table-striped tablesorter" style="display: table;">
  <thead>
    <tr>
      <th class="header">header_1</th>
      <th class="header">header_2</th>
      <th class="header">header_3</th>
      <th class="header headerSortDown">header_4</th>
      <th class="header">header_5</th>
    </tr>
  </thead>
  <tbody id="comparison">
  <tr class="table_row_data">
    <td>title</td>
    <td>aaa</td>
    <td>aa</td>
    <td>aa</td>
    <td><a href="#" target="_blank"></a></td>
  </tr>
  <tr class="table_row_data">
    <td>title</td>
    <td>aaa</td>
    <td>aa</td>
    <td>aa</td>
    <td><a href="#" target="_blank"></a></td>
  </tr>
  </tbody>
</table>