Get the parent's sibling's text of menu with JQuery
Hi,
I have a html like this.
<ul>
<li><a href="">Home</a></li>
<li><a href="#">Women fashion</a>
<ul>
<li><a href="#">Women Pants</a>
<ul>
<li><a href="#">Women jeans</a></li>
<li><a href="#">Women Breeches</a></li>
<li><a href="#">Women trousers</a></li>
<li><a href="#">Women shorts</a></li>
</ul></li>
<li><a href="#">Women blouse</a></li>
<li><a href="#">Dress-Skirt</a></li>
</ul></li>
<li><a href="">Computer</a>
<ul>
<li><a href="#">Laptop</a></li>
<li><a href="#">Desktop</a></li>
<li><a href="#">Monitor</a></li>
</ul></li>
</ul>
When I click 'Women jeans' link, I want to return this value and its direct parents like 'Women jeans', 'Women Pants' and 'Women fashion'. Please help me to get these values.