*{
margin: 0;
padding:0;
}
a{
color:#000;
}
.asd-off{
background-color: yellow;
}
.asd-on{
background-color: lightgreen;
}
.chk-tap{
background-color: #e4393c;
}
.chk-j{
background-color: lightblue;
}
- 产品仓库
- 出入库记录
- 不合格产品
- 我的商品
- 分销记录
- 计量单位设置
- 产品检验项目设置
- 产品信息
- 企业信息
- 角色权限
- 用户角色
- 用户管理
- 角色管理
- 权限管理
/*左侧主导航*/
$('.asd-off').click(function(){
if($(this).siblings('ul').css('display')=='none'){
$(this).parent('li').siblings('li').removeClass('asd-on');
$(this).addClass('asd-on');
$(this).siblings('ul').slideDown(50).children('li');
if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){
$(this).parents('li').siblings('li').children('ul')
.parent('li').children('a').removeClass('asd-on');
$(this).parents('li').siblings('li').children('ul').slideUp(50);
}
}else{
//控制自身变成+号
$(this).removeClass('asd-on');
//控制自身菜单下子菜单隐藏
$(this).siblings('ul').slideUp(50);
//控制自身子菜单变成+号
$(this).siblings('ul').children('li')
.children('ul').parent('li').children('a').addClass('asd-on');
//控制自身菜单下子菜单隐藏
$(this).siblings('ul').children('li').children('ul').slideUp(50);
//控制同级菜单只保持一个是展开的(-号显示)
$(this).siblings('ul').children('li').children('a').removeClass('asd-on');
}
});
$(".menu_dropdown li").on("click",function(){
$(this).addClass('chk-j').siblings().removeClass("chk-j");
})
$(".menu_dropdown li").on("click",function(){
$(this).addClass('chk-j').siblings().removeClass("chk-j");
})
**请问上面这段代码可以怎么改进?
这样做$(this).siblings()只能指向.menu_dropdown直接包裹的li而不能操作到.asd-child里的li将其样式删除**
比如说我点【用户角色】了【产品检验项目设置】和【追溯查询都没有清除样式】,需求就是不管是那一层的li点击了能够清除.menu_dropdown
li其他的样式。