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