add class to regex jquery

Question

I have this

if( window.location.href == "http://localhost:3000/categories") {
     $("#container ul #all_categories a.categories-menu").css("font-weight","bold");
    }   
});

but I have a url with:

http://localhost:3000/username/boards

username is dynamic username e.g.

http://localhost:3000/michael-21/boards
http://localhost:3000/Richard_10/boards
http://localhost:3000/Mary.50/boards

and change for each user.

How can do the same functionality but with this last url?

Thank you

Your selector doesn't need multiple IDs, this will work and probably be faster (ever so slightly): $("#all_categories .categories-menu"). — Jasper
– Jasper, Commented Mar 2, 2012 at 18:35

Rob W · Accepted Answer · 2012-03-02 19:02:03Z

1

You don't need a RegEx. The following method is easier, and is also easier to maintain (you don't have to change the URL in the code when moving the page to the production environment):

location.pathname.indexOf('/boards', 1) !== -1

The previous would also match /me/not/boards. If you don't want that:

var index = location.pathname.indexOf('/boards', 1);
index !== -1 && location.pathname.lastIndexOf('/', index-1) === 0

Finally, the RegEx method:

/^\/[^/]+\/boards/.test(location.pathname)

Implementation example

    if( /^\/[^/]+\/boards/.test(location.pathname) ) {
         $("#container ul #all_categories a.categories-menu").css("font-weight","bold");
    }   
});

edited Mar 2, 2012 at 19:02

answered Mar 2, 2012 at 18:31

Rob W

350k87 gold badges811 silver badges683 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

hyperrjas Over a year ago

Can you write a example for this url http://localhost:3000/michael-gray/boards with conditional and add class? Thank you Rob W

hyperrjas Over a year ago

Wouu @RobW works fine. Thank you very much!. excuse me for my delay in answering. Thank you again :). How could works for localhost:3000 or localhost, or any domain index, without any path after .com domain? Thank you!

Collectives™ on Stack Overflow

add class to regex jquery

1 Answer 1

Implementation example

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Implementation example

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related