[jQuery] Selector question / coding help

[jQuery] Selector question / coding help


Hi,
I would like to traverse an UL and LI and set classes according
to their depth. Normally I would try and try until l get it working,
but I'm a bit pressed for time.
Should be pretty straight forward for jquery guru's :)
What I essentially have is (Joomla generated):
<div id="menudiv">
<ul class="menu">
<li class="parent active">
<a href="#"><span>Main item 1</span></a>
<ul>
<li id="current" class="parent active">
<a href="#"><span>subitem</span></a>
<ul>
<li>
<a href="#"><span>sub sub item</span></a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#"><span>Main item 2</span></a>
</li>
</ul>
</div>
And what I would like is this:
<div id="menudiv">
<ul class="menu">
<li class="parent active Depth1">
<a href="#"><span>Main item 1</span></a>
<ul>
<li id="current" class="parent active Depth2">
<a href="#"><span>subitem</span></a>
<ul>
<li class="Depth3">
<a href="#"><span>sub sub item</span></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="Depth1">
<a href="#"><span>Main item 2</span></a>
</li>
</ul>
</div>
I have been playing around with different selectors, but can't get
it to work. Any help would be much appreciated.
--
Jeroen