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。