javascript - 将 div 中的所有链接替换为帖子

Question

我在一个页面上有几个链接，我有兴趣替换特定 div 中的所有链接以指向 main.php，并将链接放置为链接的帖子...

例子.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

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

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

Answer 2

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

Answer 3

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

Answer 4

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

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

Answer 5

使用 jQuery，您可以使用 $.each 来遍历链接并更改 href 属性。

像这样的东西：

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

 });

你可能需要稍微调整一下，没有测试它。