从网址中删除路径并添加另一个路径

Question

我有一个div包含链接（动态），并希望当用户点击链接从href attrybute删除路径并添加另一个。

例如：我想转换它：

<div id="example"> 
<a href="/some path/page_id=8">Link1</a>
<a href="/some path/page_id=8">Link2</a>
<a href="/some path/page_id=8">Link3</a>
......

</div>

到：

<div id="example"> 
<a href="/some path/ANOTHER_PATH">Link1</a>
<a href="/some path/ANOTHER_PATH">Link2</a>
<a href="/some path/ANOTHER_PATH">Link3</a>
......

</div>

我在php和javascript中是一个小说，所以任何帮助都会非常感激。

由于

Answer 1

这应该对你有用（假设你有jQuery）

$("#example a").click(function(){
    var href = $(this).attr('href');
    $(this).attr('href', href.replace('/some path', '/some path/ANOTHER_PATH'));
});

See it working here on jsFiddle

---

修改

如果您需要原生JavaScript版本，请转到

var e = document.getElementById('example');
var links = e.getElementsByTagName('a');

for(x in links){
    links[x].onclick = function(){
        this.href = this.href.replace('/some%20path', '/some%20path/ANOTHER_PATH');
    };
}

See it working here on jsFiddle

Answer 2

纯粹的JS：

document.getElementById('example').childNodes[1].href = 'www.najdi.si';
document.getElementById('example').childNodes[2].href = 'www.google.com';