Копирование строк таблицы в другую таблицу удаляет строки из родительской таблицы

Question

Я сначала объяснить, что я пытаюсь сделать:

1. Скопируйте один стол на другой, что я создаю динамически.
2. Распечатайте динамически создаваемую таблицу.

Но, как только я копирую одну таблицу в другую, она удаляет строки из родительской таблицы. Пожалуйста, смотрите следующий код, который я сделал:

$('#anchorPrint').click(function() 
    {   
     //create a new table dynamically.   
     $("<table>", {id: "tblTransactionHistory_copy",'display':'none'}).appendTo("body"); 
     $('#tblTransactionHistory_copy').append("<tbody></tbody>"); 

     //copy the main table rows to dynamically created one. 
     var rows = $('#tblTransactionHistory > tbody > tr'); 
     $("#tblTransactionHistory_copy > tbody").append(rows); 


     var divToPrint=document.getElementById("tblTransactionHistory_copy"); 
     newWin= window.open(""); 
     newWin.document.write(divToPrint.outerHTML); 
     newWin.print(); 
     newWin.close(); 
     return false; 
    }); 

Answer 1

Не делает задачу слишком сложной, используйте .clone() вместо этого.

$('#anchorPrint').click(function(){   
    var tblCopy = $("body").append($('#tblTransactionHistory').clone().attr("id","tblTransactionHistory_copy")); 
    var divToPrint = tblCopy.get(0); 
    var newWin= window.open(""); 
    newWin.document.write(divToPrint.outerHTML); 
    newWin.print(); 
    newWin.close(); 
    return false; 
}); 

Причина, почему ваш код не работает, если вы передавать любые существующие элементы в document либо selector или как element, который будет перемещен из своего первоначального положения и получит добавленный к целевому элементу ,