欢迎光临
我们一直在努力

行内元素可以容纳块元素,获取元素及内容的方法

<!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

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。