Получить HTML-строку динамической таблицы (TR)

Question

У меня есть HTML-таблица, сгенерированная динамически, вот структура

row 1 headings
row 2 headings 

all dynamic rows such as values with text boxes and select boxes 

last row with add button
last row with another button

Теперь в приведенной выше таблице, как я могу получить html-содержимое последней динамической строки, чтобы при нажатии на кнопку я мог добавить новую строку, такую ​​же, как предыдущая строка. Я перепробовал много утверждений. Как получить содержимое последней динамической строки в таблице перед двумя кнопками

tr= $("#Tbl tr:last").html(); //outputs row with add button only but looking for last dynamic row before the add button 

Answer 1

Если у вас есть эта структура

<table id="mytable">
    <thead>
       <tr>...</tr>
       <tr>...</tr>
    </thead>
    <tbody>
       <tr>...</tr>
       ....
       <tr>...</tr>
    </tbody>
    <tfoot>
       <tr><button id="add">Add</button></tr>
    <tfoot>  
</table>

Чтобы добавить копию последней строки в таблицу, выполните что-то вроде этого (не проверено)

$(function() {
   $("#add").click(function() {
       var $table = $("#mytable tbody"),
           lastRow = $table.find("tr:last-child");

       $table.append(lastRow.clone());
   });
});

Надеюсь, это поможет.

Answer 2

Используйте tbody для хранения динамических строк и tfoot для нижних строк с помощью кнопок, затем ищите в tbody последнюю строку

Answer 3

С тем, что у вас есть, я думаю .prev - это то, что вам нужно.Селектор :last даст вам последний ряд с кнопками, а .prev даст вам последний ряд перед кнопками.

DEMO

tr= $("#Tbl tr:last").prev().html();

В идеале лучше всего, чтобы ваши кнопки управления были внутри tfoot, тогда в этом случае вы можете просто использовать $("#Tbl tbody tr:last"), который будет последней динамической строкой.

Answer 4

Возможно, вы захотите изменить нединамические строки с tr на thead и tfoot, поэтому, когда вы получите последний tr, вы можете получить тот, который вам нужен

Проверьте это: http://jsfiddle.net/FuHuT/ Обратите внимание, что последний tr элемент красный