javascript - 怎么用jquery检查li的下级li是否存在class="active"?
本文介绍了javascript - 怎么用jquery检查li的下级li是否存在class="active"?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<ul class="nav sidebar-menu">
<li >
<a href="/admin/index">
<i class="menu-icon glyphicon glyphicon-home"></i>
<span class="menu-text"> 后台首页 </span>
</a>
</li>
<li>
<a href="#" class="menu-dropdown">
<i class="menu-icon fa fa-inbox"></i>
<span class="menu-text"> 产品 </span>
<i class="menu-expand"></i>
</a>
<ul class="submenu">
<li >
<a href="/admin/product/lst">
<span class="menu-text">产品列表</span>
</a>
</li>
<li >
<a href="/admin/size/lst">
<span class="menu-text">码数管理</span>
</a>
</li>
<li >
<a href="/admin/cate/lst">
<span class="menu-text">产品分类</span>
</a>
</li>
</ul>
</li>
<li> //这个li下面的li里面存在active这个class,给这个li增加class="open"
<a href="#" class="menu-dropdown">
<i class="menu-icon fa fa-user"></i>
<span class="menu-text"> 管理员 </span>
<i class="menu-expand"></i>
</a>
<ul class="submenu">
<li >
<a href="/admin/user/lst">
<span class="menu-text">管理员列表</span>
</a>
</li>
<li class="active"> //这个li里面包含了active这个class,我想给上级li增加一个class="open",应该怎么写才对?
<a href="/admin/authrule/lst">
<span class="menu-text">权限列表</span>
</a>
</li>
<li >
<a href="/admin/authgroup/lst">
<span class="menu-text">用户组</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" class="menu-dropdown">
<i class="menu-icon fa fa-gear"></i>
<span class="menu-text"> 系统设置 </span>
<i class="menu-expand"></i>
</a>
<ul class="submenu">
<li >
<a href="/admin/conf/lst">
<span class="menu-text">配置列表</span>
</a>
</li>
<li >
<a href="/admin/conf/conf">
<span class="menu-text">配置项</span>
</a>
</li>
</ul>
</li>
</ul>
不知道怎么表述,所以把问题写在了上面的代码里,麻烦各位大大
解决方案
如果层级不深,可以使用 parents
来获取获取,如:
var $menu = $('.sidebar-menu');
var $itemActive = $menu.find('.active'); // 选中项
var $itemActiveParent = $itemActive.parents('li:first'); // 父级
$itemActiveParent.addClass('open');
这篇关于javascript - 怎么用jquery检查li的下级li是否存在class="active"?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文