使用jQuery给网页自动生成二级导航目录

最新推荐文章于 2022-05-21 17:06:46 发布

hyvr

最新推荐文章于 2022-05-21 17:06:46 发布

阅读量535

点赞数

分类专栏：来自本人博客文章标签： jQery

本文链接：https://blog.csdn.net/qq_36487896/article/details/92687430

版权

本文介绍如何利用jQuery为网页动态生成二级导航目录。内容包括代码实现和开源协议，适用于有分章节内容的网页，方便用户浏览。

摘要由CSDN通过智能技术生成

使用jQuery给网页自动生成二级导航目录

自己有一个分章节的网页，类似百度百科的词条页面，就做了个二级导航目录。你只需把导航目录代码content放在需要的位置即可。

var jquery_h3_list = $('h3');//如果你的章节标题不是h3,只需要将这里的h3换掉即可
    if(jquery_h3_list.length>0)
    {
        var content = '';
        //content    += '<ul style="list-style-type:none;text-align: left;margin:2px 2px;">';
        for(var i =0;i<jquery_h3_list.length;i++)
        {
            //var go_to_top = '<div style="text-align: right"><a name="_lab' + i + '"></a></div>';
			var go_to_top = '<a name="_lab' + i + '"></a>';
            $(jquery_h3_list[i]).before(go_to_top);
            var jquery_h4_list = $(jquery_h3_list[i]).nextUntil(jquery_h3_list[i+1], "h3");
            if(jquery_h4_list.length>0)