2012-03-09 2 views
0

У меня есть HTML-таблица динамически генерироваться здесь структураПолучить динамическую таблицу строку (TR) 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, так что, когда я нажмите на кнопку, я могу добавить новую строку, такую ​​же, как предыдущая строка. Я пробовал много заявлений Как я получить последнее динамическое содержимое строки в таблице, которая находится перед 2 кнопкой

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

Нам не нужно видеть вашу «структуру»; нам нужно увидеть HTML. –

ответ

1

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

0

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

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

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()); 
    }); 
}); 

Надеется, что это помогает.

0

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

DEMO

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

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

+0

: Это дало бы мне «последний ряд с кнопкой добавления». Это также было протестировано. – Someone

+0

Пробовал ли вы использовать .prev? Можете ли вы попробовать демо и сообщить мне, как он отличается от вашего кода. Я думаю, вы должны поделиться своей разметкой. –