根据文章页面的h1,h2标签信息,生成文章多级目录。
6个月前 (09-07)
类似这种的目录,根据文章中的H标签来自动生成
js代码如下 需要引入jquery库
- $(".post-content").find("h1,h2,h3,h4,h5,h6").each(function(i,item){
- var tag = $(item).get(0).nodeName.toLowerCase();
- $(item).attr("id","h"+i);
- $(".docs-menu").append('<li><a class="title-'+tag+' sidebar-link" href="#h'+i+'">'+$(this).text()+'</a></li>');
- $(".title-h1");
- $(".title-h2");
- $(".title-h3");
- $(".title-h4");
- });
- $(".sidebar-link").click(function(){
- $("html,body").animate({scrollTop: $($(this).attr("link")).offset().top}, 600);
- })
效果如图:

标签: