jquery - 在 jquery 中使用包含动态显示嵌套列表项

Question

我有一个包含嵌套 ul 项目的 ul 列表。根据用户所在的页面，我想显示该特定页面的嵌套列表。我有一些我过去使用过的代码可以在另一个站点上运行，但不能完全弄清楚为什么它在这里不起作用。这是我正在使用的 jquery：

var pName = 'In The News';

$('#subNav ul ul').hide();

$("#subNav li:contains('"+pName.replace('&','&')+"')").parents('ul').show();

$("#subNav li:contains('"+pName.replace('&','&')+"')").children('ul').show();

不知道为什么它不起作用。另一双眼睛会很棒。谢谢大家...这是我的 jsfiddle 链接：http: //jsfiddle.net/grem28/MN69c/

Answer 1

children()仅适用于直系后代。在此处使用find()，因为您的结构实际上是 li > div > ul。

http://jsfiddle.net/DFDdL/

此外，我会更改代码以运行该选择器一次并将结果保存到变量中，因为它看起来很昂贵。