jquery regex replace href

Question

I have this structure:

<ul>
    <li><a href="mydomain/site/location/paris/">Paris</a></li>
        <ul>
            <li><a href="mydomain/site/location/london/">London</a></li>
        </ul>
    <li><a href="mydomain/site/location/amsterdam-and-paris/">Amsterdam and Paris</a></li>
</ul>

and i need to replace href of each anchor with this:

<a href="mydomain/site/event?location=london">London</a>

Can you help me please

kapa · Accepted Answer · 2012-06-22 22:10:31Z

10

.attr() has a form when you can use a callback function to transform the currently set attribute.

Using it and combining with the right regex something like this would work:

$("a[href^='mydomain/site']").attr('href', function (i, attr) {
    return attr.replace(
        /^(mydomain\/site\/)(location)\/([^/]*)\//
        , '$1event?$2=$3'
    );
})

edited Jun 22, 2012 at 22:10

answered Apr 21, 2012 at 9:37

kapa

78.9k21 gold badges166 silver badges178 bronze badges

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

1 Comment

zugrina Over a year ago

tnx for the guides, I appreciate it

Collectives™ on Stack Overflow

jquery regex replace href

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related