PHP实现文章标题转目录列表：修正错误代码达成预期输出

我正在学习PHP，需要将文章中的h2、h3、h4等标题转换为带链接的目录列表，但编写的代码运行后输出错误，请求修正。

原代码 #

$Post = '
<h2>Title 01</h2>
<h3>Title 01.01</h3>
<h3>Title 01.02</h3>
<h2>Title 02</h2>
<h3>Title 02.02</h3>
';

$c = 1;
$r = preg_replace_callback('~<h*([^>]*)>~i', function($res) use (&$c){
    return '<li><a id="#id'.$c++.'">'.$res[1].'</a></li>';
}, $Post);
$Post = $r;


echo '<ul>';
echo $Post;
echo '</ul>';

错误输出 #

<ul>
<li><a id="#id1">2</a></li>Title 01<li><a id="#id2">/h2</a></li>
<li><a id="#id3">3</a></li>Title 01.01<li><a id="#id4">/h3</a></li>
<li><a id="#id5">3</a></li>Title 01.02<li><a id="#id6">/h3</a></li>
<li><a id="#id7">2</a></li>Title 02<li><a id="#id8">/h2</a></li>
<li><a id="#id9">3</a></li>Title 02.02<li><a id="#id10">/h3</a></li>
</ul>

期望输出 #

<ul>
<li><a href="#id1">Title 01</a></li>
<li><a href="#id2">Title 01.01</a></li>
<li><a href="#id3">Title 01.02</a></li>
<li><a href="#id4">Title 02</a></li>
<li><a href="#id5">Title 02.02</a></li>
</ul>

修正后的代码 #

$Post = '
<h2>Title 01</h2>
<h3>Title 01.01</h3>
<h3>Title 01.02</h3>
<h2>Title 02</h2>
<h3>Title 02.02</h3>
';

// 提取所有h2-h4标题内容
preg_match_all('~<h([2-4])>(.*?)</h\1>~is', $Post, $matches);

// 生成目录结构
$directory = '<ul>' . "\n";
$count = 1;
foreach ($matches[2] as $title) {
    $cleanTitle = trim($title);
    $directory .= '<li><a href="#id' . $count . '">' . $cleanTitle . '</a></li>' . "\n";
    $count++;
}
$directory .= '</ul>';

// 输出最终目录
echo $directory;

错误说明与修正点 #

1. 正则表达式匹配错误：原正则~<h*([^>]*)>~i只能匹配标题标签的片段（比如<h2>里的2、</h2>里的/h2），无法完整捕获标题文本。修正后的正则~<h([2-4])>(.*?)</h\1>~is会匹配完整的h2-h4标签，准确提取标题内容。
2. 链接属性错误：原代码误用id属性，目录链接需要用href指向对应锚点ID，才能实现跳转功能。
3. 逻辑错误：原代码直接替换标签片段导致标题文本被孤立，修正后先批量提取所有标题，再统一生成目录结构，保证输出格式正确。

内容的提问来源于stack exchange，提问作者behroz