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>