I have following markup
<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>
My question is
How to track parents upward when I click on particular <a>
so that divNavigation
will contain suppose now I have clicked on "Segments" divNavigation
should have Master > Segments
with links.