Question

Let’s assume you have a table and the following Jquery code

var rows = $('#ttable').find('tbody > tr').get();
$('#ttable tbody').append(rows[1]);

Right the rows object gets all the “tr”. The second line, will append row[1] to the table body, so you should get it in the end of the table.

It works fine, but the original row disappear. WHY? This mean, the row don’t duplicate, it just moves.
WHY? and How to fix that??

Answer 1

jQuery’s append function uses Node.appendChild() under the hood and so behaves the same way

from MDC

Adds a node to the end of the list of children of a specified parent node. If the node already exists it is removed from current parent node, then added to new parent node.

so like cobbal says, you have to clone the row and append the clone