美文网首页前端
jq 给垂直导航菜单对应的父级添加class,展开样式

jq 给垂直导航菜单对应的父级添加class,展开样式

作者: 花花0825 | 来源:发表于2018-09-10 09:58 被阅读0次

    html: 

    左边的导航:

    右边内容:

    js:

          var viewTitle = $(".view-title").text();  //获取右边内容标题的内容

            //console.log(viewTitle + "---1");

            //alert(viewTitle);

            $('.layui-colla-content').find('li').each(function () { //遍历左边导航li

                var objUrl = $(this).children("a").text();  //获取遍历li里面的a标签内容

                //console.log(objUrl);

                //var aa = viewTitle.indexOf(objUrl);

                //console.log(aa);

                if (viewTitle.indexOf(objUrl) >= 0) { //使用右边内容标题使用 indexOf() 在字符串内进行检索,跟左边导航的a标签里面是否大于等于0

                    $(this).parent().addClass("layui-show");//给对应的父级添加对应的class名字

                }

            })

    相关文章

      网友评论

        本文标题:jq 给垂直导航菜单对应的父级添加class,展开样式

        本文链接:https://www.haomeiwen.com/subject/goawwftx.html