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

【问题标题】：JQuery, how to show class within class if class exists?JQuery，如果类存在，如何在类中显示类？
【发布时间】：2013-03-20 01:41:20
【问题描述】：

对于我的 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>

【问题讨论】：

完全不需要if这个条件。
您能否提供您的标记以及理想情况下在 jsfiddle.net 上的工作示例？我认为目前没有足够的信息。
您还需要显示相关的 HTML。
如果父元素被隐藏，显示子元素将不起作用。
还添加了 HTML，我知道不需要它我正在测试它是否真的有效。

标签： javascript jquery jquery-selectors navigation

【解决方案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

【讨论】：