jquery - 使用css基于li类向ul显示块

我有一种特殊的情况。

我有以下结构

<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显示：none，但对于第一个ul不显示：

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

任何帮助/提示都受到高度赞赏。提前致谢。

最佳答案

由于没有CSS父选择器，因此目前无法单独使用CSS来实现。

但是，使用jQuery做到这一点很简单，使用closest()（或.parent()）。

请注意，您的CSS选择器不正确，因此不会匹配任何内容：

的CSS

.menu-left ul {
    display:none;
}

jQuery的

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

JSFiddle