文章自动调取h标签作为目录所有cms通用版

微信扫一扫,分享到朋友圈

文章自动调取h标签作为目录所有cms通用版
收藏 00

先来看看效果

实现原理

  • 新增一个自定义字段,布尔类型,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>

js代码2

此内容查看价格为30积分立即购买
客服:40023116
一个热爱互联网的咸鱼
上一篇

mysql中设置id并且插入自动增长

下一篇

什么是Ajax?Ajax 的基本用法!

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片

热门

    抱歉,30天内未发布文章!
返回顶部