jQueryでテーブルに行を追加する例

下のコードで、テーブルに行を追加することができますが、列は作成されません。

$('table').append('<tr>');

行を作成してそこに列も追加する例が下のコードになります。

$(‘table’).append(‘<td>’)でテーブル（table）に行（tr）を追加しています。次にテーブルの最初の行にある列（td）の要素数をもとにテーブルの最後の行（tr）のすべてに列（td）を追加しています。

$('table').append('<tr>' +  + '</tr>');
$('table tr:first td').each( function() {
	$('table tr:last').append('<td><input type="number" name="data_value" /></td>');
});

下のコードもテーブルに行を追加するコード例です。forを使いすべての行に列を追加しています。

//var cell = $('table tr:first td').length;
$('table').append('<tr>' +  + '</tr>');
for( var i = 0; i < $('table tr:first td').length; i++) { // i < cell
	$('table tr:last').append('<td><input type="number" name="data_value" /></td>');
}