Question

I have an HTML page that has some links in the footer. I need to dynamically change the class applied to those links via JQuery. For instance, I need to set the link classes to a class named “footerToggled”.

...

<footer>
  <div>  
    <nav>
      <ul>
        <a href="/Site/">Home</a> 
        <a href="/Site/Contact">Contact Us</a> 
        <a href="/Site/About">About Us</a> 
      </ul>
    </nav>
  </div>
</footer>

How do I set the CSS class applied to the anchor tags within the nav element within the footer of my pag VIA JQuery?

Thank you so much!

Answer 1

$('footer div nav ul a').addClass('footerToggled');

http://jsfiddle.net/RQLyh/1/