Javascript 使用Js、jQuery在HTML中创建目录
我想使用JS和Jquery在html中创建一个TOC。我的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,它可能嵌套在另一个部分中。由于缺少信息,我可以尝试了解您想要做什么
<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?我想是目录?目录。常见缩写:你的问题其实不是一个问题。它只是说你想创造一些东西,甚至没有任何迹象表明你是否已经开始了。所以我唯一能给你的回答是:“去吧,祝你好运。完成后告诉我们。”