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>
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>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");
Try This:
$(".item a[href='somelink.com']").attr('href','replacedlink.com');
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.
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.
$('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>