JQuery первый стол, выбор последней строки

Question

У меня проблемы с селектором tr:last.

У меня есть основная таблица:

<table id="myTable"> 
<tr> 
    <td>1</td> 
    <td></td> 
</tr> 
</table> 

Когда пользователь нажимает на ссылку, он добавляет строку ДОПОЛНИТЕЛЬНО к моему столу с помощью:

$("a#more").live("click", function(){ 

    $table = $('#myTable'); 
    var a = $table.find('tr:last').clone(true); 
    $table.find('tr:last').after(a); 

}); 

, который работает как шарм. Тем не менее, проблема начинается, когда я решил добавить дополнительную таблицу в последнем td моего стола:

<table id="myTable"> 
<tr> 
    <td> 1 </td> 
    <td> 
    <table id="myTable2"> 
    <tr><td> Additional Information </td></tr> 
    </table> 
    </td> 
</tr> 
</table> 

, когда я использую clone на этот раз, он выбирает последнюю строку моей второй таблицы и копирует новую строку мой второй стол. Моя цель - дублировать ТОЛЬКО всю последнюю строку моей первой таблицы и создать новый tr со всем содержимым в нем (включая копию второй таблицы).

Я не уверен, как это сделать.

Answer 1

Вместо

var a = $table.find('tr:last').clone(true); 

Использование .children() ограничить его к исходной таблице:

var a = $table.children('tbody').children('tr:last').clone(true);