使用Js，jQuery在HTML中创建目录

Question

我想使用JS和Jquery在html中创建TOC。我的HTML标题将如下所示：

<section id="id1">
....
<section class="sidebar">
....
</section>
<section id="id2">
...
<section id="id3">

现在我想只为没有任何类值的部分创建toc，它可能嵌套在另一个部分中。

Answer 1

由于缺乏信息，我可以尝试了解你想要的东西。

查看此代码段：

$(function(){
    var toc = $('section.sidebar');
    var ul = $('<ul />');
    toc.append(ul);
    $('section[id]]').each(function(){
        var $this = $(this);
        var item = $('<li><a href="#'+$this.attr('id')+'">'+this.attr('id')+'</a></li>');
        ul.append(item);
    });
});