Question

我有这样的子菜单菜单。

<ul>
 <li><a>First item</a></li>
 <li><a>Second item</a></li>
 <li><a>Third item</a>
  <ul class="sub-menu">
    <li class="current_page_item"><a>First sub item</a></li>
    <li><a>Second sub item</a></li>
  </ul>
 </li>
 <li><a>Forth item</a>
   <ul class="sub-menu">
    <li class="other_class"><a>First sub item</a></li>
    <li><a>Second sub item</a></li>
  </ul>

 </li>
</ul>

使用jQuery隐藏子菜单：

jQuery('ul.sub-menu').hide();

如何选择并显示包含li个元素current_page_item元素的子菜单。？

这不起作用：

jQuery('ul.sub-menu > .current_page_item a').show();

Answer 1

如何选择并显示包含li元素的子菜单 current_page_item。？

您可以使用:has()选择器

来完成此操作

jQuery('ul.sub-menu:has(li.other_class)').show();

DEMO

Answer 2

这也有效：

jQuery('ul.sub-menu > .current_page_item').parent().show();

如何显示包含特定类的子菜单

2 个答案:

DEMO