Question

我需要一个Javascript IF语句来检测是否：

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

如果它等于“管理”，则将列表设置为.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>

*

Answer 1

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

（我已从选择器中删除了一些不必要的元素，以提高效率）

Answer 2

好吧也许你可以try this。但如果可能的话，最好在所有这些行中添加id以避免可能的冲突。

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

Answer 3

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

<强> jsFiddle Demo

jquery - 从列表中的父项中删除类

3 个答案: