jquery - 使用 css 基于 li 类显示 block 到 ul

Question

我有一些特殊的情况。

我有以下结构

<div class="menu_left">
    <ul>
       <li class="current">A</li>
       <li>B</li>
    </ul>

    <ul>
      <li>C</li>
      <li>D</li>
    </ul>
</div>

我的CSS是

.menu_left ul li ul { display:none; }

现在我想为 li 类当前的 ul 显示: block 。所以在上面的例子中，我想显示:第二个 ul 没有，但第一个没有。

老实说，我完全不知道这是否可以通过 css 或 jqyery 完成。

非常感谢任何帮助/提示。提前致谢。

Answer 1

由于没有 CSS 父级选择器，目前无法单独使用 CSS 来完成此操作。

然而，要使用 jQuery 做到这一点很简单，使用 closest() (或 .parent() )。

请注意，您的 CSS 选择器不正确，不会匹配当前的任何内容:

CSS

.menu-left ul {
    display:none;
}

jQuery

$('.menu-left li.current').closest('ul').show();

JSFiddle