JQuery построить навигационные ссылки в виде списка

Question

Я изменил фрагмент, найденный в jsfiddle, который создает ссылки на крошки из структуры HTML ul nav:

рабочий пример: 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

Согласно комментарию Беллатрикс , ответ должен быть добавлен:

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

Рабочую демонстрацию можно найти здесь: jsfiddle

Более элегантным решением, вероятно, было бы создание массива с использованием parentsUntil() и is(), а затем join(' > ') для создания окончательного HTML.