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。