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

Question

У меня есть структура таблицы, как показано ниже:

<table id="result"> 
<tr> 
<td id="groupx"> 
    <table> 
    <tr> 
    <td>Data</td> 
    </tr> 
</td> 
</tr> 
</table> 

Я хочу добавить TD до последнего тра результата таблицы. Попытка x.appendTo($("#result tr:last")); не работает, так как добавляет к последнему tr таблицы id «group»

Любые предложения по поводу того, как я могу продолжать использовать эту структуру html и делать это?

Answer 1

В то время как ответ Надя было почти хорошо, он пропустил одну вещь: браузеры поставить все прямые tr Чайлдс из более table в tbody элемент, так что:

<table> 
    <tr> 
    <td>Lol</td> 
    </tr> 
</table> 

получает переведенный внутренне к этому:

<table> 
    <tbody> 
    <tr> 
     <td>Lol</td> 
    </tr> 
    </tbody> 
</table> 

Так все, что вам нужно сделать, это:

x.appendTo($("#result>tbody>tr:last")); 

Сообщите мне, если это работает.