Comment créer un plan du site en utilisant jQuery

Question

Je suit le balisage

<div id="mnuMain"> 
    <ul> 
     <li><a href="#">Dashboard</a></li> 
     <li><a href="#">Market Trends</a></li> 
     <li><a href="#">Master</a> 
      <ul> 
       <li><a href="#">Products</a></li> 
       <li><a href="#">Segments</a></li> 
       <li><a href="#" >Companies</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Settings</a> 
      <ul> 
       <li><a href="#">Dashboard Settings</a></li> 
      </ul> 
     </li> 
    </ul> 
    <br style="clear: left" /> 
</div> 

<div id="divNavigation" style="height:20px;width:100%; 
background:gray;color:white">   
</div> 

Ma question est

Comment suivre vers le haut des parents lorsque je clique sur particulier<a> afin que divNavigation Contiendra suppose maintenant je ont cliqué sur "Segments" divNavigation devrait avoir Master > Segments avec des liens.

Answer 1

se sont précipités codes

$(function() { 
    $('#mnuMain ul li a').click(function() { 

     var $li = $(this).parents('li'); 
     var container = $('#divNavigation').empty(); 

     $li.each(function(i) { 
      if (i > 0) { 
       $('<span>&gt;</span>').prependTo(container); 
      } 
      $(this).children('a:first').clone().prependTo(container); 
     }); 

     return false; 
    }); 
});​ 

demo

Answer 2

$("#mya").parent() pour accéder au parent immédiat. Utilisez les parents() pour accéder à tous les ancêtres. C'est si vous avez un identifiant. Si vous ne vous pouvez pas alors besoin de quelque chose comme ceci:

$("a").each(var parent = $(this).parent(); <use parent to do stuff>);