【JS】定義リスト/記述リスト（dl, dd）タグの個数をカウントするスクリプトをjQueryで作ってみた

2018/01/05 2018/09/10

このブログの一番人気記事である「三文字略語」のページには現在何個の略字を載っけたのか数えたくなったのですが、いちいち自分で数えるのもバカらしく感じたのでプログラムにやらせてみようと作ってみました。また違うところで使えそうだったので、スクリプト内容を備忘録代わりにポストしておきます。

定義リストの個数をカウントするスクリプト

単純にlengthで数えることにしました。
jQueryを先に読み込ませてください。

[js]

[/js]

たかだか4行のスクリプトですが、しっかりと動きました。

上に書いたままだと、ページ内の全ての dd タグの個数を出力されるので、対象タグをラップするボックスを用意した方が良さそうです。
三文字略語のページでは sanmoji というクラス名の div タグでラップしました。

デモはこちらから。

: プルダウンメニュー連動でテキストを切り替えるスクリプトをjQueryで組んでみた

プルダウンメニューを選択した際に指定のテキストを表示させるスクリプトを作って欲しいという要望があったので jQuery で作ってみました。

: 【JS】「コナミコマンド」入力でアクションを起こすスクリプトを作ってみた

以前より作ってみたかった「コナミコマンド」スクリプトを、時間が空いたところで作ってみました。

: クリックされたらツールチップを表示するスクリプトをjQueryで組んでみた

今回はリンクをクリックされると表示するツールチップのスクリプトを組んでみました。フォーム入力する際のヘルプなどの表示を主な用途と考えていますが、使いどころはほかにもありそうな予感。基本的なものなので、改造は簡単にできそうですしね。

: CakePHP2 + jQueryUIでテキストボックスにオートコンプリート（オートサジェスト）機能をつける方法

テキストボックスにオートコンプリート（オートサジェスト）機能を、CakePHP2 + jQueryUI環境で作成したので作り方を備忘録としてポストします。

: 多角レーダーチャートを作成する「Jquery Canvas Chart」を使ってみた。

作成しているシステムのとある一覧画面に、得点に応じたチャート図をつけて欲しいとの依頼があったので、色々と調べてみたのですが、「Jquery Canvas Chart」が簡単でわかり易かったのでご紹介。