使用 Js、jQuery 在 HTML 中创建目录答案

【问题标题】：Creating a Table of Contents in HTML using Js, jQuery使用 Js、jQuery 在 HTML 中创建目录
【发布时间】：2015-04-20 09:40:06
【问题描述】：

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

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

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

【问题讨论】：

TOC 是什么意思？
我认为是目录？
目录。常用缩写：en.wikipedia.org/wiki/TOC
你的问题并不是真正的问题。它只是说你想创造一些东西，甚至没有任何迹象表明你是否已经开始。所以我能给出的唯一答复是“继续，祝你好运。完成后告诉我们。”

标签： javascript jquery html tableofcontents

【解决方案1】：

由于缺乏信息，我可以尝试了解您想要做什么。

看看这个sn-p：

$(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);
    });
});

【讨论】：