how to replace href link using javascript

Question

I have lots of pages with lots of links. I want to replace some specific links with another link.

what I wish to do here is find the href attribute of <a> and replace it with desired link

Here is the HTML code

<div class="one">
     <div class="item">
         <a href="somelink.com">click</a>
     </div>
</div>

and I want to change HTML to

<div class="one">
     <div class="item">
         <a href="replacedlink.com">click</a>
     </div>
</div>

[http://stackoverflow.com/questions/2694640/find-an-element-in-dom-based-on-an-attribute-value](http://stackoverflow.com/questions/2694640/find-an-element-in-dom-based-on-an-attribute-value) — انجام پایان نامه مدیریت, Mar 17 '17 at 09:46

score 6 · Accepted Answer · answered Mar 17 '17 at 09:44

6

One way could be is to use the href value to find the anchor

var a = document.querySelector('a[href="somelink.com"]');
if (a) {
  a.setAttribute('href', 'replacedlink.com')
}

<a href="somelink.com" title="this link">
</a>

answered Mar 17 '17 at 09:44

shubham agrawal

3,435
6
20
31

NID · Answer 2 · 2017-03-17T09:50:05.170

4

Try this

$('.item a').attr('href').replace('somelink.com', "replacedlink.com");

OR

$(".item a[href='somelink.com']").attr("href", "replacedlink.com");

With jQuery 1.6 and above you should use:

$(".item a[href='somelink.com']").prop("href", "replacedlink.com");

edited Mar 17 '17 at 09:50

answered Mar 17 '17 at 09:42

NID

3,238
1
17
28

1

The .replace isn't needed! You can just add to the attr function as per the other answers below. – jock.perkins Mar 17 '17 at 09:46

score 1 · Answer 3 · answered Mar 17 '17 at 09:45

1

Try This:

$(".item a[href='somelink.com']").attr('href','replacedlink.com');

answered Mar 17 '17 at 09:45

Akshey Bhat

8,227
1
20
20

score 0 · Answer 4 · answered Mar 17 '17 at 09:45

0

Use .attr attribute to do this. Please follow below code::

$('.item a[href="somelink.com"]').attr('href', 'replacedlink.com');

For more information related to .attr attribute please go through this link.

answered Mar 17 '17 at 09:45

Rana Ghosh

4,514
5
23
40

score 0 · Answer 5 · answered Mar 17 '17 at 09:45

0

Here try this:

https://jsfiddle.net/2sqxaxqs/

$('a.btn').click(function(e){
    e.preventDefault;
    var newHref = 'http://www.google.com';
  $('a.theLink').attr('href', newHref);
})

You can target the href using jQuery's attr.

answered Mar 17 '17 at 09:45

jock.perkins

469
6
23

score 0 · Answer 6 · answered Mar 17 '17 at 09:46

$('a[href="somelink.com"]').attr('href', 'replacedlink.com');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="one">
     <div class="item">
         <a href="somelink.com">click</a>
     </div>
</div>

how to replace href link using javascript

6 Answers6