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

jQuery・JS

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

$('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>');
}
スポンサーリンク

コメント

タイトルとURLをコピーしました