javascript - Bagaimana untuk menggunakan jquery untuk memeriksa sama ada class="active" wujud dalam li subordinat li?

Question

<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>

Saya tidak tahu bagaimana untuk menyatakannya, jadi saya menulis soalan dalam kod di atas

Answer 1

Jika paras tidak dalam, anda boleh menggunakan parents untuk mendapatkannya, seperti:

var $menu = $('.sidebar-menu');
var $itemActive = $menu.find('.active'); // 选中项
var $itemActiveParent = $itemActive.parents('li:first'); // 父级
$itemActiveParent.addClass('open');

Answer 2

Apakah operasi yang anda mahu lakukan? .
Beri anda beberapa kod

$(".nav>li").each(function(index){
        $(this).find(".submenu>li").each(function(index1){
            if($(this).hasClass("active")){
                console.log(index,index1);
            }
        })
    })

Answer 3

Kalau setakat nak semak pun boleh

var $li = targetLi;    // 你想判断的某个 li
if ($li.find(">ul>li.active").length) {
    // li 的直接下级是 ul，所以它最近的一个下级 li 是 `>ul>li`
    // todo 这里是找到有 .active 的 li
}

Jika anda hanya ingin mencari semua ibu bapa kepada li

yang terpilih

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

Jika ia li pada ibu bapa

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

Jika terdapat lebih daripada satu yang aktif, anda boleh menggunakan penapis dahulu atau menambah syarat untuk mencari yang anda perlukan.