如何在div元素內全部替換<a> hrefs？

Question

例如，通過添加http://mysite.com?url=來替換div元素中的所有href。如果HTML ...

<div class="post-body"> 
<a href="http://www.google.com">google</a> 
<a href="http://www.youtube.com">youtube</a> 
<a href="http://www.facebook.com">facebook</a> 
</div> 

加入http://mysite.com?url=盈這樣的HTML的結果將是相互取代的href ...

<div class="post-body"> 
<a href="http://mysite.com?url=http://www.google.com">google</a> 
<a href="http://mysite.com?url=http://www.youtube.com">youtube</a> 
<a href="http://mysite.com?url=http://www.facebook.com">facebook</a> 
</div> 

Answer 1

使用jQuery.each

$('.post-body a').each(function() { 
    var $this = $(this), 
     href = $this.attr('href'); 
    $this.attr('href', "http://mysite.com/?url=" + href); 
}) 

Example

Answer 2

使用jQuery的$.each方法： http://jsfiddle.net/bFEzt/

$.each($('.post-body a'),function() { 
    $(this).attr('href',"http://domain.com/?url="+$(this).attr('href')); 
}); 

Answer 3

簡單

$.each("a",function(index, elem){ 
    $(elem).attr('href','http://mysite.com?url=' + $(elem).attr('href')); 
}); 

Answer 4

您可以直接使用在http://jsfiddle.net/gaby/94Bf4/

Answer 5

的.attr()方法

$('.post-body a').attr('href', function(i, currentValue){ 
    return 'http://mysite.com?url=' + currentValue; 
}); 

演示你可以用replace爲此在一行代碼：

$('div.post-body').html(
    $('div.post-body').html().replace(/href="/g,'href="http://mysite.com?url=') 
);