下のコードで、テーブルに行を追加することができますが、列は作成されません。
$('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>'); }
スポンサーリンク
コメント