PHP目录HTML

Question

我有一个php文件，它使用include函数来导入文章。这篇文章是一个php文件。我想创建一个table_of_contents()函数，我将其放在文件中，我想要一个内容列表出现（如维基百科文章）。此功能应扫描文章中所有标有ID为“<h2>”的article-标记，并将这些标题列表作为链接输出。

例如：

<h1>Article</h1>
<?php table_of_contents() ?>
<h2 id="article-intro">Introduction</h2>
<p>text</p>
<h2>Middle</h2>
<p>text</p>
<h2 id="article-conclusion">Conclusion</h2>
<p>text</p>

会渲染

<h1>Article</h1>
<ul>
    <li><a href="#article-intro">Introduction</a></li>
    <li><a href="#article-conclusion">Conclusion</a></li>
</ul>
<h2 id="article-intro">Introduction</h2>
<p>text</p>
<h2>Middle</h2>
<p>text</p>
<h2 id="article-conclusion">Conclusion</h2>
<p>text</p>

Answer 1

<h1>Article</h1>
<ul Id="menu">

</ul>
<h2 id="article-intro">Introduction</h2>
<p>text</p>
<h2>Middle</h2>
<p>text</p>
<h2 id="article-conclusion">Conclusion</h2>
<p>text</p>


<script>
$('h2[id^="article-"]').each(function(){
$('#menu').append('<li><a href="#article-'+$(this).html()+'">'+$(this).html()+'</a></li>');
});
</script>

我认为这会奏效。不要忘记包含最新的jquery。