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

2012-09-21    725   1704

管理画面で入力がされていない空の項目がある場合、表のページで内容が空だったら非表示にしたいケースがちょくちょくあります。PHPで全ての項目に分岐文を加えるのは面倒だなと思い、他の方法を考えるてみると…。なんと、jqueryを使えば一行で実現できてしまいました。

//リストの場合
$("ul#detail li:empty").remove();

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

カテゴリ: jQuery

comment 登録なしでご自由にご入力いただけます(^^)ぜひぜひ記事のご感想をお聞かせ下さい。

お名前とコメントは入力必須です。

コメントの文字数が短すぎます。

この内容でコメントを送る
コメントをする

目が疲れている方向けにラジオ系Youtubeを始めました

オススメのjQueryに関する記事

この記事がお役に立てましたら是非シェアのご協力お願いします。