javascript - 怎么用jquery檢查li的下級li是否存在class="active"?
問題描述
<ul class='nav sidebar-menu'> <li ><a href='http://www.4tl426be.cn/admin/index'> <i class='menu-icon glyphicon glyphicon-home'></i> <span class='menu-text'> 后臺首頁 </span></a> </li> <li><a href='http://www.4tl426be.cn/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://www.4tl426be.cn/admin/product/lst'> <span class='menu-text'>產(chǎn)品列表</span></a> </li> <li ><a href='http://www.4tl426be.cn/admin/size/lst'> <span class='menu-text'>碼數(shù)管理</span></a> </li> <li ><a href='http://www.4tl426be.cn/admin/cate/lst'> <span class='menu-text'>產(chǎn)品分類</span></a> </li></ul> </li> <li> //這個li下面的li里面存在active這個class,給這個li增加 <a href='http://www.4tl426be.cn/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.4tl426be.cn/admin/user/lst'> <span class='menu-text'>管理員列表</span></a> </li> <li class='active'> //這個li里面包含了active這個class,我想給上級li增加一個class='open',應(yīng)該怎么寫才對?<a href='http://www.4tl426be.cn/admin/authrule/lst'> <span class='menu-text'>權(quán)限列表</span></a> </li> <li ><a href='http://www.4tl426be.cn/admin/authgroup/lst'> <span class='menu-text'>用戶組</span></a> </li> </ul> </li> <li><a href='http://www.4tl426be.cn/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://www.4tl426be.cn/admin/conf/lst'> <span class='menu-text'>配置列表</span></a> </li> <li ><a href='http://www.4tl426be.cn/admin/conf/conf'> <span class='menu-text'>配置項</span></a> </li> </ul> </li></ul>
不知道怎么表述,所以把問題寫在了上面的代碼里,麻煩各位大大
問題解答
回答1:如果層級不深,可以使用 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 或者加一個條件找到你需要的那一個。
相關(guān)文章:
1. javascript - 關(guān)于apply()與call()的問題2. java - 在用戶不登錄的情況下,用戶如何添加保存到購物車?3. javascript - nginx反向代理靜態(tài)資源403錯誤?4. java - spring boot 如何打包成asp.net core 那種獨(dú)立應(yīng)用?5. docker網(wǎng)絡(luò)端口映射,沒有方便點(diǎn)的操作方法么?6. 安全性測試 - nodejs中如何防m(xù)ySQL注入7. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?8. 推薦好用mysql管理工具?for mac和pc9. Mysql 組合索引最左原則的疑惑10. javascript - 如何將函數(shù)計算出的內(nèi)容傳遞為變量
