Question

我试图使用

删除所选行的jquery数据表

table.rows('.selected').every(function(){
    this.remove()
});

但我发现当删除一行时，行索引不会更新，因此会导致混乱。那么有一种方便的方法可以从表中删除选定的行，还是应该手动更新行索引？

除了删除之外，我还想在每一行上应用其他一些操作，所以我不想使用

table.rows('.selected').remove();

Answer 1

删除行时，索引号会更新。试试密码。

点击一行。它将提醒其索引然后删除自己。尝试单击它后面的行，该行现在应该与已删除的行具有相同的索引。

$('table tr').click(function(){
  alert(this.rowIndex);
  $(this).remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr>
    <td>Click to remove</td>
  </tr>
  <tr>
    <td>Click to remove</td>
  </tr>
  <tr>
    <td>Click to remove</td>
  </tr>
  <tr>
    <td>Click to remove</td>
  </tr>
  <tr>
    <td>Click to remove</td>
  </tr>
</table>

使用rows（）。every（）。remove（）时行索引未更新

1 个答案: