jQuery从列表结构构建breadcrumb nav链接

Question

我一直在修改jsfiddle上的一个片段，它从html ul nav结构创建了痕迹链接：

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

试图找到工作示例：http://jsfiddle.net/pseudorad10/GeRhW/1/

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

这标识了面包屑元素，并在第一个示例中运行良好...

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

但在第二个例子中失败，因为html结构有些不同。我修改它无济于事，似乎无法找到一种方法来引用正确的元素来构建路径。

很多人都感谢...

Answer 1

According to bellatrix's comment，答案是添加：

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

可在此处找到工作演示：jsfiddle

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