javascript - jquery如何隐藏单个元素(如果不存在)

Question

我正在开发一个带有(单个菜单)和(子菜单)的侧边栏。

包含(子菜单)的菜单有(+-)切换，而包含单项的菜单没有任何内容。

如何从其他类似元素中隐藏单个菜单的 (+-)。

我已经尝试过这种方式，它对所有人都隐藏。

HTML

<div class="multitoggle">
    <ul id="accordions">
        <li class="nav-parents">
            <div class="link"> <span class="plus">+</span> <span class="minus">-</span> <a href="#">CURRENT ACCOUNTS</a></div>
            <ul class="submenu">
                <li><a href="../current/third-level.php">MPOWER CLASSIC</a></li>
                <li><a href="../current/third-level.php">MPOWER GOLD</a></li>
                <li><a href="../current/third-level.php">MPOWER PLATINUM</a></li>
            </ul>
        </li>
        <li class="nav-parents">
            <div class="link"> <span class="plus">+</span> <span class="minus">-</span> <a href="#">OUR SEGMENTS</a></div>
        </li>
    </ul>
</div>

JS

$(window ).load(function(e) {
    if ($('.nav-parents').has('submenu').length == 0) {
        $('.nav-parents').find('.plus, .minus').css('display', 'none');
    }
});

Answer 1

实际上只有 has() 在这种情况下不起作用。您必须使用 not() 和 has() 的组合。而且您还错过了 submenu 之前的点。您可以按照以下方式进行操作。

$(window ).load(function(e) {
    $('.nav-parents').not(':has(.submenu)').find('.plus, .minus').css('display', 'none');
});