Question

I have a NAVIGATION MENU, and within this MENU I have “selected” tags hence “current” tags, referring to the page the user is currently on. So within each HTML page, whatever page the user may be on, within the NAVIGATION MENU, the item in which they selected is HIGHLIGHTED in a sense to inform them on what page they are on.

The problem? I want to be able to automatically do this in JavaScript and or jQuery, because I will be implementing this within a Content Management System, and or an Includes, and wouldn’t be able to achieve applying a class to the current page if the NAVIGATION MENU is an Includes oppose to static HTML/CSS.

Does that make sense?
Any ideas?

Thank you so much!
Aaron

Answer 1

As you haven’t supplied any code, I can only give you a general example, but this might work, if the URLs are equal to the menu links.

$('.navigation>ul>li>a').each(function(){
  if($(this).prop('href') == (window.location.pathname.match(/.*\/(.*)$/)||['',''])[1]){
    $(this).addClass('current');
  }
});