jQuery detect main li click

JavaScript
1

Hi,

I’m using a multi-level menu like this:


<div id="nav_top">
	<ul>
        <li><a href="#">Site</a>
            <ul>
              <li><a href="#">Home</a></li>
              <li><a href="#">About Us</a></li>
              <li><a href="#">Who is</a></li>
            </ul>
        </li>
</div>

And I’m using this code to detect main li clicks also clicks inside the main li:


$("#nav ul li").live('click', function(e) {
	alert( $(this).html() );
});

My question is, Is it possible to detect the #nav_top ul li li click and manipulate the #nav_top ul li?
For example when I click on <li><a href=“#”>About Us</a></li> I would like to detect also who is the li that this About Us belongs to, in this case this li belongs to <li><a href=“#”>Site</a>

Thank you!!!

2

event.target is what you’re after there, and you can use [url=“http://api.jquery.com/parent/”].parent(‘li’) to find the appropriate parent.

3

Thank you very much!
.parent() worked exactly the way I wanted!