Tablesorter如何从表中删除选定的行

Question

这里的示例显示了如何将新行追加到tablesorter表。https://mottie.github.io/tablesorter/docs/example-add-rows.html如何从表格中删除选定的行？我打算添加一个带有复选框元素的列，如下所示。但是，如何以更新表的方式触发删除和删除过程？

<table class="tablesorter">
  <thead>
    <tr>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Age</th>
      <th>Total</th>
      <th>Discount</th>
      <th>Date</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox"></td>
      <td>Peter</td>
      <td>Parker</td>
      <td>28</td>
      <td class="discount">$9.99</td>
      <td>20%</td>
      <td>Jul 6, 2006 8:14 AM</td>
    </tr>
    <tr>
      <td><input type="checkbox"></td>
      <td>John</td>
      <td>Hood</td>
      <td>33</td>
      <td class="discount">$19.99</td>
      <td>25%</td>
      <td>Dec 10, 2002 5:14 AM</td>
    </tr>
    <tr>
      <td><input type="checkbox"></td>
      <td>Clark</td>
      <td>Kent</td>
      <td>18</td>
      <td class="discount">$15.89</td>
      <td>44%</td>
      <td>Jan 12, 2003 11:14 AM</td>
    </tr>
    <tr>
      <td><input type="checkbox"></td>
      <td>Bruce</td>
      <td>Almighty</td>
      <td>45</td>
      <td class="discount">$153.19</td>
      <td>44%</td>
      <td>Jan 18, 2001 9:12 AM</td>
    </tr>
  </tbody>
</table>

目前，我使用以下命令向表中添加新元素：

var row = '<tr><td><input type="checkbox"></td><td>'+ano+'</td><td>'+aname+'</td><td>'+anumber.value+'</td><td>'+start+'</td><td>'+ende+'</td></tr>';
              $row = $(row),
              resort = true;
            $('#table1')
              .find('tbody').append($row)
              .trigger('addRows', [$row, resort]);  

我的问题是，如果我在表中添加了无效的项目，则需要再次删除该项目。@ mottie，@ marc谢谢您的支持。我已经使用此javascript代码解决了它：

        function RemoveRow(row){

            var table = document.getElementById ("table");
            var count=1;
            var rowcount = table.rows.length;
              $('#table tr:has(td)').find('input[type="checkbox"]').each(function() {
                count++;
                if ($(this).prop("checked") == true){
                    table.deleteRow(count);
                    count--;
                }
              });
            var resort = true;
            $("#table1").trigger("update", [resort]);
        }

上面的代码满足了我的需要，执行，我不确定这是否繁琐。

Answer 1

我已经这样解决了：

 function RemoveRow(row){

            var table = document.getElementById ("table");
            var count=1;
            var rowcount = table.rows.length;
              $('#table tr:has(td)').find('input[type="checkbox"]').each(function() {
                count++;
                if ($(this).prop("checked") == true){
                    table.deleteRow(count);
                    count--;
                }
              });
            var resort = true;
            $("#table1").trigger("update", [resort]);
        }