javascript - 怎么用jquery檢查li的下級(jí)li是否存在class="active"?
問(wèn)題描述
<ul class='nav sidebar-menu'> <li ><a href='http://m.b3g6.com/admin/index'> <i class='menu-icon glyphicon glyphicon-home'></i> <span class='menu-text'> 后臺(tái)首頁(yè) </span></a> </li> <li><a href='http://m.b3g6.com/wenda/5191.html#' class='menu-dropdown'> <i class='menu-icon fa fa-inbox'></i> <span class='menu-text'> 產(chǎn)品 </span> <i class='menu-expand'></i></a><ul class='submenu'> <li ><a href='http://m.b3g6.com/admin/product/lst'> <span class='menu-text'>產(chǎn)品列表</span></a> </li> <li ><a href='http://m.b3g6.com/admin/size/lst'> <span class='menu-text'>碼數(shù)管理</span></a> </li> <li ><a href='http://m.b3g6.com/admin/cate/lst'> <span class='menu-text'>產(chǎn)品分類</span></a> </li></ul> </li> <li> //這個(gè)li下面的li里面存在active這個(gè)class,給這個(gè)li增加 <a href='http://m.b3g6.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://m.b3g6.com/admin/user/lst'> <span class='menu-text'>管理員列表</span></a> </li> <li class='active'> //這個(gè)li里面包含了active這個(gè)class,我想給上級(jí)li增加一個(gè)class='open',應(yīng)該怎么寫(xiě)才對(duì)?<a href='http://m.b3g6.com/admin/authrule/lst'> <span class='menu-text'>權(quán)限列表</span></a> </li> <li ><a href='http://m.b3g6.com/admin/authgroup/lst'> <span class='menu-text'>用戶組</span></a> </li> </ul> </li> <li><a href='http://m.b3g6.com/wenda/5191.html#' class='menu-dropdown'> <i class='menu-icon fa fa-gear'></i> <span class='menu-text'> 系統(tǒng)設(shè)置 </span> <i class='menu-expand'></i></a><ul class='submenu'> <li ><a href='http://m.b3g6.com/admin/conf/lst'> <span class='menu-text'>配置列表</span></a> </li> <li ><a href='http://m.b3g6.com/admin/conf/conf'> <span class='menu-text'>配置項(xiàng)</span></a> </li> </ul> </li></ul>
不知道怎么表述,所以把問(wèn)題寫(xiě)在了上面的代碼里,麻煩各位大大
問(wèn)題解答
回答1:如果層級(jí)不深,可以使用 parents 來(lái)獲取獲取,如:
var $menu = $(’.sidebar-menu’);var $itemActive = $menu.find(’.active’); // 選中項(xiàng)var $itemActiveParent = $itemActive.parents(’li:first’); // 父級(jí)$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; // 你想判斷的某個(gè) liif ($li.find('>ul>li.active').length) { // li 的直接下級(jí)是 ul,所以它最近的一個(gè)下級(jí) li 是 `>ul>li` // todo 這里是找到有 .active 的 li}
如果你只是想找到某個(gè)選中的 li 的所有父級(jí)
$('li.active').parents();
如果是父級(jí)中的 li
$('li.active').parents('li');
如果 active 不止一個(gè),可以先通過(guò) filter 或者加一個(gè)條件找到你需要的那一個(gè)。
相關(guān)文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問(wèn)題3. css - 寫(xiě)頁(yè)面遇到個(gè)布局問(wèn)題,求大佬們幫解答,在線等,急!~4. 配置Apache時(shí),添加對(duì)PHP的支持時(shí)語(yǔ)法錯(cuò)誤5. phpstudy8.1支持win11系統(tǒng)嗎?6. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問(wèn)7. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?8. 實(shí)現(xiàn)bing搜索工具urlAPI提交9. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了,但是服務(wù)器還是不能訪問(wèn)?10. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽(tīng)數(shù)據(jù)變化

網(wǎng)公網(wǎng)安備