PRjQueryを使って、見出しタグから自動で見出しの一覧を作る今回は、jQueryを使って記事内の見出しタグを自動で抽出して見出しタグのリストを作るコードを作ったので公開してみたいと思います。内のH2~H4タグまでを対象として、Hタグが3個以上存在するときだけ表示するようにもしました。出力するものはliでリスト化しているのですが階層化はしていません、ですが、Hタグの種類によってCSSを当てれるようにClass付しているので、見た目は階層化したリストの用に表現出来る。実際使っているものは、そのようにしている。実はもう一つ、リストで階層化するように作ったものもあります。こっちを先に作ったんだけど、簡素化できると思って作りなおしたのが上で紹介しているものです。});長いし見づらいしってことで、最初の方に簡素化したほうがスッキリして見やすいですよね、タグの構造は違うが見た目上は同一に出来る。検索エンジンに向けて階層化したほうがいいかな?というのがありますが。HTMLをjavascriptで後から生成しているので、そこんところは検索エンジンは生のHTMLを見てるので関係ないので、javascriptで出すHTMLは結構適当でもいいかなと思ってたりもします。機能と見た目ができてればよいかと。ヒットした対象となるタグの数が取得出来るってことですね、lengthは総数を返しますので、eq()やindex()とのズレがあるって事がミソです。eq()やindex()は0からカウントが始まります。.get(0).tagNameセレクタ.get(0).tagNameでそのタグの名称を取得すると言うこと。<h2>だったら返りはH2です。タグは大文字で返されるって点を覚えておく必要がある。function化しなくてもかけるのですが。なんか、これのほうがコード見やすいかなと思ってあんな形にしました。Reserved.9ineBBの最新情報をチェック・購読TwitterFacebookGoogle+FeedlyRSSどこをクリックしてもこの表示を消せます(3日後以降に再度表示されます)。