利用jquery自动生成导航目录

<div id="toc"></div>
    <div id="content">
    <h1>Title goes her</h1>
    <h2>Subtitle goes here</h2>
    Text goes here...
</div>

$("#toc").append('In this article:')
$("h1, h2, h3").each(function(i) {
    var current = $(this);
    current.attr("id", "title" + i);
    $("#toc").append("<a id='link" + i + "' href="#title%22%20+%0A%20%20%20%20%20%20%20%20i%20+%20%22" title='" + current.attr("tagName") + "'>" +
        current.html() + "</a>");
});

<div id="toc">
In this article:
<a id="link0" title="H1" href="#title0">Article title</a>
<a id="link1" title="H2" href="#title1">Header Level 2</a>
<a id="link2" title="H3" href="#title2">Header Level 3</a>
<a id="link3" title="H3" href="#title3">Header level 3 again</a>
<a id="link4" title="H3" href="#title4">Header level 3 once again</a>
</div>