先来看看效果
实现原理
- 新增一个自定义字段,布尔类型,y/n,用js判断提取
- js自动获取文章目录
- 修改css样式
js代码1
放入模板文件
<script> $(document).ready(function(e) { var kj='[!--ml--]'; console.log(kj); if(kj=='Y'){ $(".entry-content").children().each(function(index, element) { var tagName=$(this).get(0).tagName; if(tagName.toUpperCase()=="H2"){ var contentH=$(this).html();//获取内容 var markid="mark-"+tagName+"-"+index.toString(); $(this).attr("id",markid);//为当前h标签设置id $(".mulu_b ul").append("<li><a href='#"+markid+"'>"+contentH+"</a></li>");//在目标DIV中添加内容 } }); }else{ $(".mulu").hide(); } }); </script>