jQuery 要素の数を判定して数に応じて表示、非表示を切り替える - WeBridge｜WeBridge
動的なコンテンツで、本来ならば、PHPなどのサーバーサイドで、出力するコンテンツ数を制御させるべきなのですが、開発環境や、コスト、など関係で、デザイナー側（コーダー）でコンテンツの表示・非表示の切り替えなどを行わないといけないケースって結構ありますよね？ そんな時に便利なのが、jQueryで要素の数を判定して数によって動作をきりかえる方法です。指定したclass,idの要素数を”length”で引き出します。そしてその数が0件だったら親要素ごと非表示にします。（下記ソース） ※下記は、同じclassの複数の要素内のカウントも有効にできるように、eachを使い、かつ非表示にする要素も(this)から導き出し、親子要素の関係を保ちながら処理することで、同じclass名の繰り返しでも個別の処理が可能になります。 $(function(){ //"div.categoryの要素毎に処理する $("
jQueryでリストなどに連番でIDやクラスを追加（ナンバリング）する方法｜BLACKFLAG
以前ここで「jQueryでの連番要素を制御する方法」と題して、 jQueryで連番要素の制御を簡単に行う方法を紹介しましたが、 同じ様にjQueryを使って簡単に連番でのIDを追加したりクラスを追加したりする方法を紹介してみます。 例えば＜li＞を使ったリストを5行で用意します。 HTML側では＜li＞自体にはIDもクラスも付けません。 ◆HTML【BASE】 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> そしてこれらのリストに対して、下記スクリプトを実行させることで 自動で連番でのクラスを追記することができます。 （クラス名は「.number1」～とします。） ◆SCRIPT【SAMPLE01】 <script type="text/javascript" src="http://ajax.googleapis.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
