如何使用JavaScript替换超链接的href链接

Question

我有很多页面，每个页面都有很多链接。我想要将一些特定的链接替换为另一个链接。

我希望做的是找到 <a> 的 href 属性，并将其替换为所需链接。

以下是 HTML 代码：

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

我想将HTML更改为

。

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

- parish

---

http://api.jquery.com/attr/ - Aleksandar Misich

https://dev59.com/8HE85IYBdhLWcg3wnUwd - انجام پایان نامه مدیریت

Answer 1

一种方法是使用 href 值来查找锚点。

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

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

- shubham agrawal

Answer 2

试试这个

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

或者

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

使用jQuery 1.6及以上版本时，应使用以下代码：

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

- NID

---

不需要使用.replace！你可以像下面其他答案中所述，直接添加到attr函数中。 - jock.perkins

Answer 3

Try This:

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

- Akshey Bhat

Answer 4

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

- himyata

Answer 5

请使用.attr属性来实现此功能。请按照以下代码操作：

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

如需了解有关 .attr 属性的更多信息，请查看此 link。

- Rana Ghosh

Answer 6

试试这个：

https://jsfiddle.net/2sqxaxqs/

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

您可以使用jQuery的attr来定位href。

- jock.perkins