在Javascript中如何从XML中获取树形结构加载的遍历路径

Question

我有一个类似下面的树结构。

​

​

当我遍历父节点到子节点时，我想要完整的路径，比如:化学->物理化学->粒子理论->粒子理论点击特定的节点。当我们返回或单击物理化学时，路径将像这样返回:化学->物理化学

我们怎么能做到这一点。我正在使用下面的函数。

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/