Question

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

的子菜单

目前我有这个：

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

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

有人可以帮帮我吗？

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

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

Answer 1

根据您的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

，您的代码无效

JQuery，如果类存在，如何在类中显示类？

1 个答案: