替換一個div內的所有鏈接到一個帖子

Question

我有一個頁面上的幾個鏈接我有興趣替換特定div中的所有鏈接指向一個main.php鏈接作爲鏈接放置到鏈接...

使用example.php：

<div id='mainpg'> 
    <a href='test123.html'>TEST1</a> 
    <a href='test123.html'><img src=1213.jpg/></a> 
</div> 
<a href='back'>back</a> 

我想用JavaScript或jQuery來得到以下

使用example.php（用腳本）：

<div id='mainpg'> 
    <a href='main.php?href=test123.html'>TEST1</a> 
    <a href='main.php?href=test123.html'><img src=1213.jpg/></a> 
</div> 
<a href='back'>back</a> 

也不知道是否需要擔心urlencode由於以前已經是一個鏈接。

感謝， JT

Answer 1

$('#mainpg a').each(function(i) { 
    $(this).attr('href', 'main.php?href=' + $(this).attr('href')); 
}); 

Answer 2

links = document.getElementById("name of div").getElementsByTagName("a") 

for(i=0;i<links.length;i++) 
    links.href="main.php?"+links.href 

Answer 3

$('#mainpg a').each(function() { 
    var newRef = 'main.php?href=' + $(this).attr('href'); 
    $(this).attr('href', newRef); 
}); 

Answer 4

使用jQuery你可以用$。每次遍歷鏈接並更改href屬性。

事情是這樣的：

jQuery(document).ready(function($){ 
    $('a').each(function(index, value){ 
    $(this).attr('href', 'main.php?'+($this).attr('href')); 
} 

}); 

您可能需要稍微調整它，沒有測試。

Answer 5

jQuery.each($('#mainpg a'), function() { 
    $(this).attr('href','main.php?href='+$(this).attr('href')); 
}); 

http://jsfiddle.net/wQ83t/1/