如何使用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>

Answer 1

嘗試這個

$('.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");

Answer 2

一種方法是使用href值查找錨點

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

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

Answer 3

嘗試這個：

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

Answer 4

使用.attr屬性執行此操作。 請遵循以下代碼：：

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

有關.attr屬性的更多信息，請通過此鏈接 。

Answer 5

在這里嘗試：

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。

Answer 6

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