タグ

countに関するfukukitaru2980のブックマーク (2)

  • 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.

    jQueryでリストなどに連番でIDやクラスを追加(ナンバリング)する方法|BLACKFLAG
  • 1