<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Document</title>
<!– <script type=”text/javascript” src=”//cdn.bootcss.com/jquery/1.11.0/jquery.min.js”></script> 便宜美国vps –>
<script type=”text/javascript” src=”jquery.min.js”></script>
</head>
<style>
*{
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;
}
</style>
<body>
<div ?class=”aside-struct Hui-aside”>
<ul class=”menu_dropdown ?bk_2″>
<li ><a _rel=”external nofollow” href=”showCodes.html” title=”即时显码” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)”>即时显码</a></li>
<li><a _rel=”external nofollow” href=”TracesQuery.html” title=”追溯查询” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)”>追溯查询</a></li>
<li><a rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” _rel=”external nofollow” href=”rawCode.html” title=”生码管理”>生码管理</a></li>
<li><a _rel=”external nofollow” href=”autocode.html” title=”自动扫码” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)”>自动扫码</a></li>
<ol> <a _rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”” title=”仓库管理” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” class=”asd-off”>仓库管理</a>
<ul style=”display: none” class=”asd-child”>
<li class=”chk-j”><a rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” _rel=”external nofollow” href=”wmsMain.html” title=”产品仓库”>产品仓库</a></li>
<li><a rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” _rel=”external nofollow” href=”wmsPassPut.html” title=”出入库记录”>出入库记录</a></li>
<li><a rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” _rel=”external nofollow” href=”wmsFail.html” title=”不合格产品”>不合格产品</a></li>
</ul>
</ol>
<li><a _rel=”external nofollow” href=”sysForTest.html” title=”质检管理” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >质检管理</a></li>
<ol> <a _rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”” title=”经销商分销” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” class=”asd-off”>经销商分销</a>
<ul ?style=”display: none” class=”asd-child”>
<li class=”chk-j”><a rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” _rel=”external nofollow” href=”retailStore.html” title=”我的商品”>我的商品</a></li>
<li><a rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” _rel=”external nofollow” href=”salesRecord.html” title=”分销记录”>分销记录</a></li>
</ul>
</ol>
<ol> <a _rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”” title=”基础信息设置” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” class=”asd-off”>基础信息设置</a>
<ul style=”display: block” class=”asd-child”>
<li><a _rel=”external nofollow” href=”unitSet.html” title=”计量单位设置” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >计量单位设置</a></li>
<li><a _rel=”external nofollow” href=”detectionPduSet.html” title=”产品检验项目设置” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >产品检验项目设置</a></li>
<li><a _rel=”external nofollow” href=”pduItem.html” title=”产品信息” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >产品信息</a></li>
<li><a _rel=”external nofollow” href=”company.html” title=”企业信息” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >企业信息</a></li>
</ul>
</ol>
<ol> <a ?title=”权限管理” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” class=”asd-off”>权限管理</a>
<ul style=”display: block” class=”asd-child” >
<li><a _rel=”external nofollow” href=”roleMain-module.html” title=”角色权限” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >角色权限</a></li>
<li><a _rel=”external nofollow” href=”userRole-module.html” title=”用户角色” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >用户角色</a></li>
<li><a _rel=”external nofollow” href=”userMg-module.html” title=”用户管理” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >用户管理</a></li>
<li><a _rel=”external nofollow” href=”roleMg-module.html” title=”角色管理” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >角色管理</a></li>
<li><a _rel=”external nofollow” href=”auth-module.html” title=”权限管理” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >权限管理</a></li>
</ul>
</ol>
<li><a _rel=”external nofollow” href=”index12.html” title=”关于我们” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” href=”javascript:void(0)” >关于我们</a></li>
</ul>
</div>
</body>
<script>
/*左侧主导航*/
$(‘.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”);
})
</script>
</html>
$(“.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其他的样式。
$(“.menu_dropdown>li”).on(“click”,function(){
$(this).addClass(‘chk-j’).siblings(“li”).removeClass(“chk-j”);
})
$(“.menu_dropdown>li”) 第一行加一个“>” 第二行siblings(“li”),
$(“.menu_dropdown li”).on(“click”, function () {
$(this).addClass(‘chk-j’).siblings().find(‘li’).removeClass(“chk-j”);
$(this).addClass(‘chk-j’).closest(‘ol’).siblings().removeClass(‘chk-j’);
})
28185923