如何在JavaScript中從XML中加載樹中的遍歷路徑

Question

我有一個如下所示的樹結構。

當我通過父母和孩子之間travese我要像完整路徑： Chemistry->物理chemistry->上點擊特定節點粒子理論 - >粒子理論。 當我們回去或點擊物理化學時，路徑將返回如下： 化學 - >物理化學

我們該怎麼做。 我正在使用以下功能。

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/