본문 바로가기

Web For All/jQuery

jQuery 에서 테이블의 row 추가하기


jQuery add table row function definition:

/*
    Add a new table row to the bottom of the table
*/


function addTableRow(jQtable){
    jQtable
.each(function(){
       
var $table = $(this);
       
// Number of td's in the last table row
       
var n = $('tr:last td', this).length;
       
var tds = '<tr>';
       
for(var i = 0; i < n; i++){
            tds
+= '<td>&nbsp;</td>';
       
}
        tds
+= '</tr>';
       
if($('tbody', this).length > 0){
            $
('tbody', this).append(tds);
       
}else {
            $
(this).append(tds);
       
}
   
});
}

jQuery add table row function usage example:

addTableRow($('#myTable'));
addTableRow
($('.myTables'));