jQueryでテーブルの一番上に行を追加

jQueryのテーブル操作です。
tr要素の追加方法、たまに使うのでしっかりメモ。

◆テーブルの一番上(最初)に行を追加するコード
[html] $(‘table tbody’).prepend(‘<tr><td>~</td></tr>’);
[/html] [html] $(‘table tbody tr:first’).before(‘<tr><td>~</td></tr>’);
[/html]

◆テーブルの一番上(最後)に行を追加するコード
[html] $(‘table tbody’).append(‘<tr><td>~</td></tr>’);
[/html] [html] $(‘table tbody tr:first’).after(‘<tr><td>~</td></tr>’);
[/html]

◆tr要素があるか無いかの判定
tr要素がない時は新しく追加する必要があるからです。
[html] if (jQuery(‘table tbody tr’).length) {
// tr要素がある場合の処理
} else {
// tr要素がない場合の処理
}
[/html]

コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)