jQuery:克隆表行会在最后一行中添加行,而不是在下面添加行

jQuery:克隆表行会在最后一行中添加行,而不是在下面添加行,jquery,html,twitter-bootstrap-3,clone,Jquery,Html,Twitter Bootstrap 3,Clone,我使用以下几行来克隆表的最后一行,并将其添加到该行下面 克隆工作正常,字段和值也正确更新。 我唯一的问题是,行似乎被插入到最后一行中,而不是在它下面。 我正在使用Bootstrap3进行造型,以防万一。 此外,表格和按钮只有在站点上进行某些选择后才能添加 $(document).on('click', '#btnAdd', function() { var tableID = $('.outputTable').attr('id'); var tempID = 9000000;

我使用以下几行来克隆表的最后一行,并将其添加到该行下面

克隆工作正常,字段和值也正确更新。 我唯一的问题是,行似乎被插入到最后一行中,而不是在它下面。 我正在使用Bootstrap3进行造型,以防万一。 此外,表格和按钮只有在站点上进行某些选择后才能添加

$(document).on('click', '#btnAdd', function() {
    var tableID = $('.outputTable').attr('id');
    var tempID = 9000000;
    var rowCount = $('#'+tableID+' >tbody >tr').length + 1;
    var trOld = $('#'+tableID).find('tbody tr:last');
    var trNew = trOld.clone();
    $('#'+tableID+' >tbody').after(trNew);
    trNew.attr('id', tempID);
    trNew.find('.sortID').text(rowCount);
    tempID++;
    console.log(tempID);
});

非常感谢您的建议,蒂姆。

是您的特劳德var吗?应该是tbody tr:last child吗?不,我不这么认为-这对我以前在其他表上工作过。我不认为“last”是一个选择器,认为它是“last child”或“last of type”在
tbody
后面插入一行?看起来您可以使用
appendTo
将新行附加到
tbody
中。尝试
trNew.appendTo('#'+tableID+'>tbody')
而不是
$('#'+tableID+'>tbody')。在(trNew)之后太棒了-非常感谢,国王!这就解决了问题。想把这个作为答案吗?然后我可以关上柱子。如果您有任何其他建议,请随时添加。:)