ページ内の見出しに合わせて目次を自動生成する

Result 簡易的なものなので汎用性は高くは無いかも。 jQuery(function($) { $.fn.toc = function(o, p) { p = $.extend({ title: "タイトル" }, p); //見出しを入れるボックスを生成 this.prepend('<div id="toc-list"><strong>' + p.title + '</strong><ol></ol></div>').children(o).each(function(i) { i = i + 1; //IDを合わせて見出しへのページ内リンクと目次へのページ内リンクを生成 $(this).attr('id', 'section-' + i).nextUntil(o).after('<a href="#toc-list">Topへ &uArr;</a>'); $('<li><a hre

[typista]

ぽけったー ページ内の見出しに合わせて目次を自動生成する

[tagutagumasa]

ページ内の見出しに合わせて目次を自動生成する

[Donca]

✔ ページ内の見出しに合わせて目次を自動生成する

[OfficeRiverHead]

Result 簡易的なものなので汎用性は高くは無いかも。 jQuery (function($) { $.fn.toc = function(o, p) { p = $.extend({ title: &quot;タイトル&quot; }, p); //見出しを入れるボックスを生成 this.prepend('&lt;div id=&quot;toc-list&quot;&gt;&lt;strong&gt;' + p.title + '&