A little dab'll do ya

Code Snippets

Code Snippets > jQuery > Highlight All Links To Current Page Submit one!

Highlight All Links To Current Page

$(function(){
       $("a").each(function(){
               if ($(this).attr("href") == window.location.pathname){
                       $(this).addClass("selected");
               }
       });
});

This function will add the class "selected" to any links (even relative) that point to the current page.

Subscribe to The Thread

Steven says:
03/10/2010 at 8:58 pm
I’m looking for a script that has a menu that shows what part of the page ur on. EX:
LINK 1 LINK2 LINK3 (bold cause ur on that area)
LINK 3 Area
Reply
Nathanial says:
06/02/2011 at 9:21 am
This is exactly what I’m looking for, but I’m unsure how to deploy it…
Does this need to go in Script tags in the Head section of my page?
How do I define the “selected” class in my styles.css sheet?
Reply
Ken-chan says:
06/08/2011 at 11:34 pm
How can I edit this line:
if ($(this).attr(“href”) == window.location.pathname){
into something that may result to true as long as the pathname is found. I need an alternative for the == operators. Is there something in JS that emulates SQL’s “LIKE”?
Thanks.
Reply