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

Reply via email to