基于类显示隐藏的li
基于类显示隐藏的li
提问于 2010-05-18 01:28:39
我的名单结构如下：
<ul>
<li>One</li>
<li>Two
<ul>
<li class="active">Two-1</li>
<li>Two-2</li>
</ul>
</li>
<li>Three
<ul>
<li>Three-1</li>
</ul>
</li>
</ul>使用以下CSS：
ul li ul{
display:none;
}
ul li:hover ul{
display:block;
}我想要的是:当安莉类处于活动状态时，整个结构就会下降，直到活动类被显示出来。
因此，在本案中，除最高级别外，还将显示以下内容：
- One
- Two
- Two-1
- Two-2
- Three
如果可能的话，我想要一个CSS或jQuery实现(或者两者的混合)。
回答 4
Stack Overflow用户
回答已采纳
发布于 2010-05-18 01:41:03
当页面加载如下所示时，您可以使用.parents()或:has()显示active的父级：
$(function() {
$('.active').parents().show();
//or..
$(':has(.active)').show();
});这两种方法中的任何一种都有一定程度的深度，但是第一种方法的速度要快一些。
Stack Overflow用户
发布于 2010-05-18 01:39:07
从问题的措辞方式上不确定，但这行jQuery不就是您所需要的吗？
$('.active').parent().show().parent().parent().show();Stack Overflow用户
发布于 2010-05-18 01:39:53
您可以为此使用:has()选择器：
$("ul:has(li.active)").show();此选择器查找具有带有类<ul>的子代<li>的任何active元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2854061
复制相关文章
相似问题
腾讯云开发者
