Regex in Javascript to trim links

Question

I want to add css class to links (using Javascript) that match begining of link. My links are currently looking like that:

http://localhost/MainApp/User/UserEdit.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1

And I want to check out only the part before id: /MainApp/User/UserEdit.aspx

I already have function that is adding css class to links and it looks like that:

function markActiveLink() {    
        var path = location.pathname;
        var home = "/";
        $("a[href='" + [path || home] + "']").parents("li").each(function () {
            $(this).addClass("selected");
        });
    }

value of location.pathname is /MainApp/User/UserEdit.aspx

Question: How can I modify my function markActiveLink() so that it will mark links even with id after main part of link?

Any help here much appreciated!

Chandu · Accepted Answer · 2011-08-03 17:22:50Z

3

Use starts with selector instead of exact selector for href attribute.

Change:

 $("a[href='" + [path || home] + "']")

to

 $("a[href^='" + [path || home] + "']")

To address issue with the home path selecting all the links change the makeActiveLink to as follows:

function markActiveLink() {             
    var path = location.pathname;         
    var links = null;
    if(path){
        links = $("a[href^='" + path  + "']");
    } else {
        links = $("a[href='/']");
    }
    links.parents("li").each(function () {             
        $(this).addClass("selected");         
    });     
}

answered Aug 3, 2011 at 17:22

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

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

Comments

aepheus · Accepted Answer · 2011-08-03 17:23:51Z

0

Not that it is the best solution, but you could use the contains selector:

$("a[href*='" + [path || home] + "']")

answered Aug 3, 2011 at 17:23

aepheus

8,2178 gold badges39 silver badges52 bronze badges

Collectives™ on Stack Overflow

Regex in Javascript to trim links

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related