要素が空の場合はそのタグを削除する

2012-09-21 19:24:21
管理画面で入力がされていない空の項目がある場合、表のページで内容が空だったら非表示にしたいケースがちょくちょくあります。PHPで全ての項目に分岐文を加えるのは面倒だなと思い、他の方法を考えるてみると…。なんと、jqueryを使えば一行で実現できてしまいました。
//リストの場合
$("ul#detail li:empty").remove();

//テーブルの場合
$("table#detail td:empty").parent('tr').remove();
このコードでのポイントはemptyでの空要素チェックとparentで親要素の指定。しっかり頭に入れておきたい部分です。
カテゴリ: Javascript