首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery筛选特定嵌套无序列表

使用jQuery筛选特定嵌套无序列表
EN

Stack Overflow用户
提问于 2014-05-03 17:20:41
回答 1查看 53关注 0票数 0

做一个关于jQuery的教程,我试图巧妙地改变一个教训来挑战我自己,但没有多少运气。我在这里重新创建了一个工作原型,http://jsfiddle.net/dwlamb/gph6b/

在最初运行时,将显示定义详细信息(“周一至周五9-5")。所有其他定义细节都会被隐藏,直到鼠标输入另一个定义列表项。这是通过dd上的过滤器在jQuery的第一行中实现的。

在这个例子中,我是如何实现相同的初始外观的:http://jsfiddle.net/dwlamb/DjR9b/

我想隐藏商店B和C在初始运行时的存储时间,并(最终)对其进行编程,以便当鼠标进入另一个第一级列表项(Store?只有这些时间是可见的。我找不到一种方法向下钻取并过滤父ul下面的第二次和第三次出现的ul

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-03 17:30:07

如果你改变你的:

代码语言:javascript
运行
复制
$('ul ul').filter(':nth-child(n+3)').addClass('hide');

至:

代码语言:javascript
运行
复制
$('ul ul').filter(':gt(0)').addClass('hide');

它将隐藏除第一级之外的所有二级无序列表。它通过接受所有嵌套无序列表的集合并对它们进行过滤,以便在活动选择中只保留大于(.gt())的列表。

这甚至可以缩短为:

代码语言:javascript
运行
复制
$('ul ul:gt(0)').addClass('hide');

其中,筛选是作为选择的一部分进行的,而不是作为第二个单独步骤进行的。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23447567

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档