CODEWITHSUNDEEP
javascriptjquery
CLiown
CLiown

Reputation: 13843

jquery - Remove class from parent in list

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

*

Upvotes: 0

Views: 296

Answers (3)

Town
Town

Reputation: 14906

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

jsFiddle Demo

Upvotes: 0

melaos
melaos

Reputation: 8418

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();
}

Upvotes: 0

BudgieInWA
BudgieInWA

Reputation: 2255

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)

Upvotes: 1

Related Questions