Удалить путь из URL и добавить другой

Question

У меня есть div, который содержит ссылки (динамические), и я хочу, чтобы пользователи нажимали на ссылку, чтобы удалить путь из атрибута href и добавить еще один.

Например: я хочу преобразовать это:

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

Я nooby в 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'));
});

Посмотрите, как это работает здесь на jsFiddle

---

EDIT

Если вам нужна нативная версия 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');
    };
}

Посмотрите, как это работает здесь на jsFiddle

Answer 2

чистый JS:

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