我一直在思考这个问题,但无法提出一个可行的解决方案。我什至不能伪编码它......
例如,假设您有一个标题结构如下的页面:
<h1>Heading level 1</h1>
<h2>Sub heading #1</h2>
<h2>Sub heading #2</h2>
<h3>Sub Sub heading</h3>
<h2>Sub heading #3</h2>
<h3>Sub Sub heading #1</h3>
<h3>Sub Sub heading #2</h3>
<h4>Sub Sub Sub heading</h4>
<h2>Sub heading #4</h2>
<h3>Sub Sub heading</h3>
使用 JavaScript(任何框架都可以),您将如何生成这样的列表:(使用嵌套列表)
<ol>
<li>Heading level 1
<ol>
<li>Sub heading #1</li>
<li>Sub heading #2
<ol>
<li>Sub Sub heading</li>
</ol>
</li>
<li>Sub heading #3
<ol>
<li>Sub Sub heading #1</li>
<li>Sub Sub heading #2
<ol>
<li>Sub Sub Sub heading (h4)</li>
</ol>
</li>
</ol>
</li>
<li>Sub heading #4
<ol>
<li>Sub Sub heading</li>
</ol>
</li>
</ol>
</li>
</ol>
每次我尝试从某种方法开始时,它都会变得非常臃肿。
解决方案需要遍历每个标题并将其放入相应的嵌套列表中——我不断对自己重复这一点,但我无法勾勒出任何东西!
即使你脑子里有一个方法,但没有时间编写它,我仍然想知道它!:)
谢谢!