jQuery - 关于悬停孙子或孙子孙女，控制父母的风格递归

Question

我试图建立一个最低4级菜单（无限）。我的愿望是用jQuery在菜单上创建一个通用的递归动作。当我徘徊一个子元素时，父母的身高会增加，当徘徊任何大孩子或曾祖父孩子时，父母的身高也会增加，同样的父母元素的身高也会增加，而不是大孩子或曾孙子女。

我已经试过这样：http://jsfiddle.net/dTqX3/

它看起来像我需要的东西，而不是

$(this).parent().parent().parent().find("a:first")

其中工程不当人。

任何帮助将不胜感激！

Answer 1

从@Jon获得了一些很好的方向之后（非常感谢！）我尝试了.parentsUntil()和.parents()等功能。预期的结果仍然没有找到，但我有可能有一个想法如何工作这个递归父数。我保留了.parents()的方式并添加了.last()。下一个代码的伎俩：

$(this).parents('ul > li').last().find("a:first").attr('style', 'height:55px;line-height:55px;'); 

这是重要的部分：

$(this).parents('ul > li').last().find("a:first") 

DEMO

Answer 2

根据您的DOM结构，您需要爬上树到一个<ul>祖先（容器的物品被徘徊），并找到它的兄弟的锚点（导致该容器显示的更高级菜单项），其翻译为：

$(this).closest("ul").siblings("a") 

随着这种变化it seems to work just fine。