不会健身的程序员
不是好作家

javascript为markdown文章标题自动添加多级序号

因为本站是用markdown进行内容创作的,当内容一多,编号就很麻烦,下面提供一种脚本方法可以对文章标题进行自动增加多级序号。下面的方法适合个人博客,可以改写文章html内容的博主。

在页面引入jquery:

<script type='text/javascript' src='//apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js'></script>

添加实现代码:

$(function(){
    var _h_config = {
        selector:".article-content :header",//jquery选择器
        begin:2,//h2开始
        end:4//h4结束
    }
    var h = [];
    $(_h_config.selector).each(function(i,n) {
       var j = parseInt(n.tagName.replace(/h/i,""));
       var s = j-_h_config.begin;
       if (s >= 0 && j <= _h_config.end){
           h = h.slice(0, s+1);
           h[s] = (h[s] || 0) + 1;
       }
       n.innerHTML = h.join(".") + " "+ n.innerHTML;
    })
})

效果图:

赞(1)
转载请注明出处:林俊龙博客 » javascript为markdown文章标题自动添加多级序号

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

年年岁岁花相识,岁岁年年人不同

给我留言网站地图

谢主隆恩

支付宝扫一扫打赏

微信扫一扫打赏