问创建一个高亮显示父项和路径的树

EN

我想做一些花哨的菜单，以树的形式显示，在那里我们可以很容易地看到每个页面和它们的父级之间的关系。

这离工作不远，但我需要你的帮助和想法。

下面是我所做的：http://jsfiddle.net/bXCHn/6/

例如，如果您将鼠标悬停在“第4-3-2页”上，它将突出显示“第4-3页”和“第4页”。这是基本的超文本标记语言和层叠样式表，如果你删除jQuery脚本，它仍然可以工作。

jQuery允许我们添加一个类，该类将突出显示树中每个先前元素的路径( li边框)。它不会考虑第一级导航：

$(this).prevAll('li:not(.first-lvl-item)').addClass('hover-prev-item');

现在保持与上面相同的示例。您将看到“第4页”中的第一行走得太远了(实际上它使用了整个li元素)。我想让它停在“第4-3页”前面...

我不知道我是否必须改变我所有的结构，或者我是否应该用另一种方式来处理它。我试了很多方法，但都不管用。

感谢您的帮助！