javascript - 确保附加行始终是动态创建的行组成的表中的最后一行。 。分离()

Question

我想追加一行，该行应该是表格的最后一行。在我的代码中，它似乎在第一次动态添加行时起作用。但是当添加其他行时它不会成​​为最后一行。

我总是希望“subtot”行成为最后一行，但是当我追加其他行时，它不会更改为最后一行。即使附加了其他行，它仍保留在原处。

//make sure that subtot is only appended once
  if($('.subtot').length < 1){
     $('<tr class = "subtot"><td></td><td></td><td></td><td>test</td></tr>').insertAfter('table     tbody>tr:last');         
}

您必须向下滚动 jsfiddle 有点看代码。

谢谢

Answer 1

每次向表中添加新行时，运行以下代码。

 $('table').find('.subtot').detach().appendTo('table');

用任何标识表格元素的选择器替换“表格”。它的作用是从表中删除小划线并将其追加回表中。这样一来，您始终可以确保 subtot 始终位于最后一行。