jquery treeview選定節點路徑

Question

我使用jquery treeview plugin列出一個目錄到樹視圖。我需要選擇選定節點的路徑。例如，看看下面的結構。

如果的config.php被點擊的話，我需要一個像SITE /班/ config.php文件路徑

有人可以幫我解決這個問題？

Answer 1

此演示應解釋一切，只需將其粘貼到正文部分。確保你在頁面上鍊接了jQuery。

JavaScript循環遍歷父元素並組成麪包屑路徑。

<div id="path">click some element</div> 

<ul> 
    <li><a href="#">SITE</a> 
     <ul> 
      <li><a href="#">classes</a> 
       <ul> 
        <li><a href="#">class.file1.php</a></li> 
        <li><a href="#">class.file2.php</a></li> 
        <li><a href="#">class.file3.php</a></li> 
        <li><a href="#">class.file4.php</a></li> 
        <li><a href="#">class.file5.php</a></li> 
       </ul> 
      </li> 
      <li><a href="#">img</a></li> 
     </ul> 
    </li> 
</ul> 

<style type="text/css"> 
li a { cursor: pointer; text-decoration: none } 
li.active > a { color: red } 
</style> 

<script> 
function getPath(a) { 
    var path = $(a).text(); 
    var $parent = $(a).parents("li").eq(1).find("a:first"); 

    if ($parent.length == 1) { 
     path = getPath($parent) + "/" + path; 
    } 

    return path; 
} 

$(function(){ 
    $("ul a").click(function(){ 
     $("#path").text(getPath(this)); 

     $("li.active").removeClass("active"); 
     $(this).closest("li").addClass("active"); 
     this.preventDefault(); 
    }); 
}); 
</script>