Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Js、jQuery在HTML中创建目录_Javascript_Jquery_Html_Tableofcontents - Fatal编程技术网

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

Javascript 使用Js、jQuery在HTML中创建目录,javascript,jquery,html,tableofcontents,Javascript,Jquery,Html,Tableofcontents,我想使用JS和Jquery在html中创建一个TOC。我的HTML标题如下所示: <section id="id1"> .... <section class="sidebar"> .... </section> <section id="id2"> ... <section id="id3"> .... .... ... 现在我只想为没有任何类值的部分创建toc,它可能嵌套在另一个部分中。由于缺少信息,我可以尝试了解您想要做什么

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

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

....
....
...

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

由于缺少信息,我可以尝试了解您想要做什么

查看此代码段:

$(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);
    });
});
$(函数(){
var toc=$('section.sidebar');
var ul=$(“
    ”); 附加目录(ul); $('section[id]]')。每个(函数(){ var$this=$(this); 变量项=$(“
  • ”); ul.附加(项目); }); });
什么是TOC?我想是目录?目录。常见缩写:你的问题其实不是一个问题。它只是说你想创造一些东西,甚至没有任何迹象表明你是否已经开始了。所以我唯一能给你的回答是:“去吧,祝你好运。完成后告诉我们。”