jQuery从列表结构构建面包屑导航链接

Question

我一直在修改jsfiddle上的一个片段，该片段从html ul导航结构创建面包屑链接：

工作示例： http : //jsfiddle.net/pseudorad10/WpRMd/3/

尝试获取工作示例： http : //jsfiddle.net/pseudorad10/GeRhW/1/

我正在尝试将第一个示例的功能移植到第二个示例。 jQuery通过相对于其原始位置遍历html结构来构建“碎片路径”，该结构最初是通过查找导航链接的url并为其提供“当前”类来设置的。 “在路径中”的其他锚元素也被赋予“当前”类。

这可以识别面包屑元素，并且在第一个示例中效果很好。

var crumbs = $(".current").parents("ul")
.prev("li").find("a").add(".current")

但是第二个示例失败了，因为html结构有些不同。 我已经对其进行了修改，但无济于事，似乎无法找到一种方法来引用正确的元素来构建路径。

非常感谢...

Answer 1

根据bellatrix的评论 ，答案是添加：

 var crumbs = $(".current").parents("ul").prev("a").add(".current") 

可以在这里找到有效的演示： jsfiddle

一个更优雅的解决方案可能是使用parentsUntil()和is()构建一个数组，然后使用join(' > ')生成最终的HTML。