使用jquery中的contains动态显示嵌套列表项

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＆gt; div> UL。

http://jsfiddle.net/DFDdL/

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