javascript - 怎么用jquery檢查li的下級(jí)li是否存在class="active"?
問(wèn)題描述
<ul class='nav sidebar-menu'> <li ><a href='http://www.intensediesel.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://www.intensediesel.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://www.intensediesel.com/admin/product/lst'> <span class='menu-text'>產(chǎn)品列表</span></a> </li> <li ><a href='http://www.intensediesel.com/admin/size/lst'> <span class='menu-text'>碼數(shù)管理</span></a> </li> <li ><a href='http://www.intensediesel.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://www.intensediesel.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.intensediesel.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)該怎么寫才對(duì)?<a href='http://www.intensediesel.com/admin/authrule/lst'> <span class='menu-text'>權(quán)限列表</span></a> </li> <li ><a href='http://www.intensediesel.com/admin/authgroup/lst'> <span class='menu-text'>用戶組</span></a> </li> </ul> </li> <li><a href='http://www.intensediesel.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://www.intensediesel.com/admin/conf/lst'> <span class='menu-text'>配置列表</span></a> </li> <li ><a href='http://www.intensediesel.com/admin/conf/conf'> <span class='menu-text'>配置項(xiàng)</span></a> </li> </ul> </li></ul>
不知道怎么表述,所以把問(wèn)題寫在了上面的代碼里,麻煩各位大大
問(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 - 關(guān)于<a>元素與<input>元素的JS事件運(yùn)行問(wèn)題2. mysql - 記得以前在哪里看過(guò)一個(gè)估算時(shí)間的網(wǎng)站3. python - 有什么好的可以收集貨幣基金的資源?4. python - 啟動(dòng)Eric6時(shí)報(bào)錯(cuò):’qscintilla_zh_CN’ could not be loaded5. css3 - 我想要背景長(zhǎng)度變化,而文字不移動(dòng),要怎么修改呢6. MySQL中的enum類型有什么優(yōu)點(diǎn)?7. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效8. javascript - vue 怎么渲染自定義組件9. javascript - 同步方式寫異步到底指什么?10. android下css3動(dòng)畫非常卡,GPU也不差啊
