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 行并将其附加回表中。这样，您始终可以确定 subtot 始终是最后一行。

Answer 2

要插入一个全新的行，但您必须记住隐式插入的<tbody元素

那么怎么样

$('.tableClass > tbody').append('<tr class = "subtot"><td></td><td></td><td></td><td>test</td></tr>');

在添加任何其他行后使其保持粘性在底部运行

$('.tableClass').find('.subtot').detach();
$('.tableClass > tbody').append('<tr class = "subtot"><td></td><td></td><td></td><td>test</td></tr>');