[jQuery] traversing UL: Request for help
Request: I want to highlight every "<A>" within the parents of an
object up to the base element of "<UL>"
For example, this original code:
<ul>
<li><a href="/">link</a></li>
<li><a href="/">link</a>
<ul>
<li><a href="/">link</a></li>
<li><a href="/">link</a>
<ul>
<li><a href="/">link</a>
<ul>
<li><a href="/">HOVER OVER THIS</a></li>
</ul>
</li>
<li><a href="/">link</a></li>
</ul>
</li>
<li><a href="/">link</a></li>
</ul>
</li>
<li><a href="/">link</a></li>
</ul>
Should appear like so (assuming an addclass method):
<ul>
<li><a href="/">link</a></li>
<li><a href="/" class="highlight">link</a>
<ul>
<li><a href="/">link</a></li>
<li><a href="/" class="highlight">link</a>
<ul>
<li><a href="/" class="highlight">link</a>
<ul>
<li><a href="/" class="highlight">HOVER OVER THIS</a></
li>
</ul>
</li>
<li><a href="/">link</a></li>
</ul>
</li>
<li><a href="/">link</a></li>
</ul>
</li>
<li><a href="/">link</a></li>
</ul>
I'm at a loss and I'm tired. Can you help a brother out? Basically
the best path from A to Z
Thanks for glancing at this.
paul