jquery 正则表达式替换 href

Question

我有这样的结构:

<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>

我需要用这个替换每个 anchor 的 href:

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

你能帮帮我吗

Answer 1

.attr() has a form何时可以使用回调函数来转换当前设置的属性。

使用它并与正确的正则表达式结合，这样的东西会起作用:

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

• jsFiddle Demo
• Regex - Learn about Javascript Regexp - 这是不可避免的
• Regexr - Great tool to try out your regexes
• Javascript - String.replace() on MDN
• jQuery - Attribute Starts With Selector [name^="value"]