javascript - 怎么用jquery檢查li的下級li是否存在class="active"?

問題描述

<ul class='nav sidebar-menu'> <li ><a href='http://www.wxshucaidpc.com/admin/index'> <i class='menu-icon glyphicon glyphicon-home'></i> <span class='menu-text'> 后臺首頁 </span></a> </li> <li><a href='http://www.wxshucaidpc.com/wenda/5191.html#' 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='http://www.wxshucaidpc.com/admin/product/lst'> <span class='menu-text'>產品列表</span></a> </li> <li ><a href='http://www.wxshucaidpc.com/admin/size/lst'> <span class='menu-text'>碼數管理</span></a> </li> <li ><a href='http://www.wxshucaidpc.com/admin/cate/lst'> <span class='menu-text'>產品分類</span></a> </li></ul> </li> <li> //這個li下面的li里面存在active這個class,給這個li增加 <a href='http://www.wxshucaidpc.com/wenda/5191.html#' 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='http://www.wxshucaidpc.com/admin/user/lst'> <span class='menu-text'>管理員列表</span></a> </li> <li class='active'> //這個li里面包含了active這個class,我想給上級li增加一個class='open',應該怎么寫才對?<a href='http://www.wxshucaidpc.com/admin/authrule/lst'> <span class='menu-text'>權限列表</span></a> </li> <li ><a href='http://www.wxshucaidpc.com/admin/authgroup/lst'> <span class='menu-text'>用戶組</span></a> </li> </ul> </li> <li><a href='http://www.wxshucaidpc.com/wenda/5191.html#' 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='http://www.wxshucaidpc.com/admin/conf/lst'> <span class='menu-text'>配置列表</span></a> </li> <li ><a href='http://www.wxshucaidpc.com/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’);回答2：

想做什么操作。。給你一些代碼

$('.nav>li').each(function(index){$(this).find('.submenu>li').each(function(index1){ if($(this).hasClass('active')){console.log(index,index1); }}) })回答3：

如果你只是單純的檢查，可以

var $li = targetLi; // 你想判斷的某個 liif ($li.find('>ul>li.active').length) { // li 的直接下級是 ul，所以它最近的一個下級 li 是 `>ul>li` // todo 這里是找到有 .active 的 li}

如果你只是想找到某個選中的 li 的所有父級

$('li.active').parents();

如果是父級中的 li

$('li.active').parents('li');

如果 active 不止一個，可以先通過 filter 或者加一個條件找到你需要的那一個。