js自动判断H标签生成目录

Js 2019-10-23 17:12:20 评论

内容添加id="content"

js代码

    <script>
    $(document).ready(function(e) {
    	$("#content").children().each(function(index, element) {
    		var tagName=$(this).get(0).tagName;
    		if(tagName.substr(0,1).toUpperCase()=="H"){  
    			var contentH=$(this).html();//获取内容
    			var markid="mark-"+tagName+"-"+index.toString();
    			$(this).attr("id",markid);//为当前h标签设置id
    			$(".menu").append("<a href='#"+markid+"'>"+contentH+"</a>");//在目标DIV中添加内容   
    		}  
    	});
    });
    </script>

引用JS

<script language="javascript" src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>

调用

<div class="menu"></div>

.menu自行美化

 

评论

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!