layui导航栏高亮问题

353 阅读1分钟

layui做导航栏时,缺少一个选中高亮效果,经检查发现少了一个layui-this标签。 获取首页地址时的各种尝试,终于拿到了具体的地址,下面是具体代码

let nav = document.querySelector('.nav').querySelectorAll('.layui-nav-item');
let navList = document.querySelector('.nav').querySelectorAll('.layui-nav-item a');
let url = location.pathname;
// console.log(navList[1].href.split('/').slice(3).join('/'))
for(let i = 0; i< navList.length-1; i++){
    let href = '/' + navList[i].href.split('/').slice(3).join('/')
    if(url == href){
        nav[i].setAttribute('class', 'layui-this layui-nav-item')
    }
}