jQueryでページ内の見出しに合わせて目次を自動生成する - jsdo.it - Share JavaScript, HTML5 and CSS

(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; $(this).attr('id', 'section-' + i).nextUntil(o).after('<a href="#toc-list">Topへ &uArr;</a>'); $('<li><a href="#section-' + i + '">' + $(this).text() + '</a></li>').appendTo('#toc-list ol'); }); };