Dynamically change CSS of link based on current page

by

You can check each link and see if it matches the current location. This can be more or less advanced depending on your needs, but something like:

var loc = window.location.pathname;

$('.icyLink').find('a').each(function() {
  $(this).toggleClass('active', $(this).attr('href') == loc);
});

Then style the active class in your CSS:

.icyLink a.active{color:#fff}

More Related Contents:

  1. CSS or jQuery : How to get visible top [duplicate]
  2. what is Efficient way to find tr using classname in ie
  3. Write tags in HTML and print
  4. Get this error: “Uncaught TypeError: Cannot read property ‘0’ of undefined”
  5. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  6. How can I determine the direction of a jQuery scroll event?
  7. Dynamically load JS inside JS [duplicate]
  8. Get class list for element with jQuery
  9. Allow Google Chrome to use XMLHttpRequest to load a URL from a local file
  10. How to disable HTML links
  11. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  12. What is the cleanest way to get the progress of JQuery ajax request?
  13. How to detect window.print() finish
  14. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  15. How to force reloading a page when using browser back button?
  16. (Deep) copying an array using jQuery [duplicate]
  17. How to get nth-child selector to skip hidden divs [duplicate]
  18. Does .css() automatically add vendor prefixes?
  19. how to convert this nested object into a flat object?
  20. Replace only text inside a div using jquery
  21. jQuery Deferred and Dialog box
  22. How can I change the title of the document during .ready()?
  23. Convert Hex to RGBA
  24. JavaScript reduce the size and quality of image with based64 encoded code
  25. Javascript Code works in jsfiddle and but not in the Browser [closed]
  26. How to trim() white spaces from a string?
  27. JavaScript event registering without using jQuery
  28. How is jQuery’s $ a function and an object?
  29. How do I detect the inherited background-color of an element using jQuery/JS?
  30. canvas- Cropping images in different shapes

Leave a Comment