Can the domain names be changed in hyperlinks?

Question

Like a link is coming dynamically in a <code><div></code>, Can I change domain name of all the hyperlinks.

For example:-

This is hyperlink link tag

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

Can I change this to

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

dynamically with jquery. All other parameters in link should be same but on domain name should be changed. If it is possible then please explain how, I will be grateful to you.

Hi please see the updated question i just now updated the question — Tarun Narula, Feb 27 '17 at 12:07
See : http://stackoverflow.com/questions/9488713/how-to-get-the-domain-name-from-anchor-href-attribute or http://stackoverflow.com/questions/7449480/change-domain-portion-of-links-with-javascript-or-jquery — Vijay Maheriya, Feb 27 '17 at 12:09

score 1 · Accepted Answer · edited Feb 27 '17 at 14:07

Use 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 solution will also work:-

$(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>

You can aslo suggest `$('a').attr('href', function(_, value){ return value.replace('onedomain.com', 'seconddomain.com'); });` — Satpal, Feb 27 '17 at 12:09

charlietfl · Answer 2 · 2017-02-27T12:31:18.693

You can simply change the host property of the <a> elements using 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/">

score -1 · Answer 3 · answered Feb 27 '17 at 12:07

-1

Just do:

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

answered Feb 27 '17 at 12:07

Roy Bogado

4,108
1
12
29

The parameters after domain name should remain same after changing – Tarun Narula Feb 27 '17 at 12:08
I did'nt downvote but i got upper answer first that's why i upvote that first – Tarun Narula Feb 28 '17 at 05:18

Can the domain names be changed in hyperlinks?

3 Answers3