覆蓋HREF使用jQuery

Question

我有很多的這種結構鏈接：

<a class="myclass" href="http://externaldomain.com">Anchor Text</a> 

我想裝上去的URL之前的href屬性來改變這樣的結構：

<a class="myclass" href="http://internaldomain.com/http://externaldomain.com">Anchor Text</a> 

我認爲jquery是完美的做到這一點，但我不知道如何。你可以幫我嗎？

Answer 1

$('.myclass').each(function(){this.href = "http://internaldomain.com/"+this.href}); 

Answer 2

href是a元素的屬性，所以可以使用與myclass類元素attr方法改變它。

Answer 3

您可以通過一個修改回調到attr方法：

$('[href^=http:]').attr('href',function(i,str) { 
    return "http://internaldomain.com/"+str; 
} 

http://api.jquery.com/attr

http://api.jquery.com/attribute-starts-with-selector/

Answer 4

$('a.myclass').attr('href', function(i, href) { 
    return 'http://internaldomain.com/' + href; 
}); 

來源： jQuery to prepend URL in img src attribute