我有一个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的新手,所以任何帮助都将不胜感激。
感谢
这应该适用于您(假设您有jQuery)
$("#example a").click(function(){
var href = $(this).attr('href');
$(this).attr('href', href.replace('/some path', '/some path/ANOTHER_PATH'));
});
在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');
};
}
在jsFiddle上看到它的工作
纯JS:
document.getElementById('example').childNodes[1].href = 'www.najdi.si';
document.getElementById('example').childNodes[2].href = 'www.google.com';