-2

对于我的 Wordpress 主题，我正在尝试访问并显示具有类 .current-page-item 的列表项中的子菜单

目前我有这个：

$(document).ready(function() {
    $(".sub-menu").hide();
    $(".current-page-item").find(".sub-menu").show();
});

如果我发出警报（'whatup'）；在 if 语句中，它会显示警报，但不会显示（）；具有 .sub-menu 类的 UL

有人可以帮我吗？

编辑：这是 wordpress 生成的 HTML 代码：

<ul id="menu-main" class="menu">
    <li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-4 current_page_item menu-item-11">
        <a href="http://localhost:8080/subfolder/wordpress/">ABOUT COMPANY</a>
        <ul class="sub-menu">
           <li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="http://localhost:8080/subfolder/wordpress/?page_id=15">TEAM</a></li>
        </ul>
    </li>
    <li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10">
        <a href="http://localhost:8080/subfolder/wordpress/?page_id=7">COMPANY PHILOSOPHY</a>
        <ul class="sub-menu">
        <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21"><a href="http://localhost:8080/subfolder/wordpress/?page_id=19">STRATEGY</a></li>
        </ul>
    </li>
</ul>
4

1 回答 1

0

根据您的 HTML 结构，只需执行以下操作：

$("#menu-main").find("li.current_page_item").find("ul.sub-menu").show();

演示：http: //jsfiddle.net/u44Yn/1/

请注意，您的代码不起作用，因为您的li类current_page_item不是current-page-item

于 2013-03-29T11:17:01.677 回答