前端

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

2018-09-10  本文已影响0人  花花0825

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名字

            }

        })

上一篇下一篇

猜你喜欢

热点阅读