可以在超鏈接中更改域名嗎？

Question

像一個鏈接動態地在<code><div></code>，我可以更改所有超鏈接的域名。

例如： -

這是超鏈接標籤

<a href="http://onedomain.com/offers/testing-something/">。

我可以改變這

<a href="http://seconddomain.com/offers/testing-something/"> 

動態與jquery。鏈接中的所有其他參數應該相同，但域名應該更改。如果可能的話請說明一下，我會很感激你。

Answer 1

使用replace()： -

$(document).ready(function(){ 
 
    $('a').each(function(){ 
 
     this.href = this.href.replace('onedomain.com', 'seconddomain.com'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="http://onedomain.com/offers/testing-something/">link</a>

@satpal SOLU重刑也將工作： -

$(document).ready(function() { 
 
    $('a').attr('href', function(_, value) { 
 
    return value.replace('onedomain.com', 'seconddomain.com'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="http://onedomain.com/offers/testing-something/">link</a>

Answer 2

只要做到：

$('a').each(function(){ 
    $(this).attr('href').replace("OLD-DOMAIN","NEW-DOMAIN"); 
}); 

Answer 3

可以使用簡單的改變<a>元素的host財產prop(propertyName, function)

$('a').prop('host',function(){ 
 
    return 'seconddomain.com'; 
 
}) 
 

 
// for demo loop over elements and log adjusted href 
 
.each(function(){ 
 
    console.log(this.href) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="http://onedomain.com/offers/testing-something/"> 
 
<a href="http://onedomain.com/offers/something-else/">