如何在Javascript中从XML中获取树中的遍历路径

我有一个如下所示的树形结构。

当我通过父母到孩子的旅行时，我想要完整的路径，如：化学 – >物理化学 – >粒子理论 – >点击特定节点的粒子理论。 当我们返回或点击物理化学时，路径将返回如下：化学 – >物理化学

我们怎么能这样做。 我正在使用以下function。

function getParents(id) { var parents = $("#" + id).parents("ul"); var selector = ""; for (var i = parents.length-1; i >= 0; i--) { //alert($(parents[i]).find('li').find('span').find('a').html()); selector += $(parents[i]).find('li').parent().find('span').find('a').html() + " > "; } //selector += "#" + id; $('#breadcrumbs').html(selector); //return selector; } 

但它走向了错误的方向。

Answer 1

这是递归函数的主要示例。

 function getBreadcrumbs(a) { var path = $(a).text(), $parent = $(a).parents("li").eq(1).find("a:first"); if ($parent.length == 1) { path = getBreadcrumbs($parent) + " > " + path; } return path; } $("ul a").click(function () { $("#breadcrumbs").text( getBreadcrumbs(this) ); }); 

看到它在这里工作： http ： //jsfiddle.net/Tomalak/GFfyg/