开发者

jquery - Remove class from parent in list

开发者 https://www.devze.com 2023-03-09 22:15 出处:网络
I need a Javascript IF statement that detects if: $(\'.ms-quickLaunch .menu ul.static li a .menu-item-text\') == \"Manage\"

I need a Javascript IF statement that detects if:

$('.ms-quickLaunch .menu ul.static li a .menu-item-text') == "Manage"

And if it does equal "Manage" then set the list to .show().

<ul class="root static">
    <li class="static linksBelow">
        <a href="#" class="static menu-item">
            <span class="additional-background">
                <span class="menu-i开发者_StackOverflowtem-text">Manage</span>
            </span>
        </a>
        <ul class="static" style="display: none;">
            <li>
                <a href="javascript:open();" class="static menu-item">
                    <span class="additional-background">
                        <span class="menu-item-text">Manage List</span>
                    </span>
                </a>
                <a href="#" class="static menu-item">
                    <span class="additional-background">
                        <span class="menu-item-text">Manage Documents</span>
                    </span>
                </a>
            </li>
        </ul>
    </li>
</ul>

*


if ($('.ms-quickLaunch .menu ul.static .menu-item-text').html() == "Manage") {
    $('.ms-quickLaunch .menu ul.static').show();
}

(I have removed a couple of unnecessary elements from your selector to make it more efficient)


ok maybe you can try this. but if it's possible, it's better to add id to all those lines to avoid possible clash.

<ul class="root static">
    <li class="static linksBelow">
        <a href="#" class="static menu-item">
            <span class="additional-background">
                <span class="menu-item-text">Manage</span>
            </span>
        </a>
        <ul class="static" style="display: none;">
            <li>
                <a href="javascript:open();" class="static menu-item">
                    <span class="additional-background">
                        <span class="menu-item-text">Manage List</span>
                    </span>
                </a>
                <a href="#" class="static menu-item">
                    <span class="additional-background">
                        <span class="menu-item-text">Manage Documents</span>
                    </span>
                </a>
            </li>
        </ul>
    </li>
</ul>

if($("li.linksBelow span.menu-item-text").html().toLowerCase()=="manage"){
    $("ul.static ul.static").show();
}


var anchor = $('.ms-quickLaunch .menu ul.static li a');
if ($('.menu-item-text', anchor).html() === "Manage")
{
    anchor.next("ul").show();
}

jsFiddle Demo

0

精彩评论

暂无评论...
验证码 换一张
取 消