ページの見出しを取得して、サイドにナビゲーションを生成する、というスクリプトのご紹介。jQueryに依存しています。 いわゆる目次のリンクを生成する、というスクリプトです。ドキュメントページなんかに良さそうです。 動作サンプルです。 <script src="http:////ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.tocible.js"></script>コアとプラグインを読み込みます。 $('#foo').tocible({ heading: 'h2', //ナビゲーションに組むエレメント subheading: 'h3', //ナビゲーションに組むエレメント navigation: 'nav', //ナビゲーションを生成する場所 title: ''
![Webページのナビゲーションを自動生成する軽量なjQueryプラグイン・jQuery Tocible](https://cdn-ak-scissors.b.st-hatena.com/image/square/8eb897a4ab35faf6fb47954e74cf124c5a2585ef/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2014%2F03%2Fcon01.jpg)