如何使用javascript或jquery更改href值？

我想将href值“/ContactClub”更改为“somethingelse”。请问这是怎么做的？

两种方法；）

jQuery风格：

<div class="container-fluid">
<img class="pull-left" onclick="MarkPopup()" style="width:50px;height:50px" src="/assets/mark.jpg">
<ul class="nav pull-right">
<li>
<li>
<a href="/ContactClub">Contact Club</a>
</li>
<li>
<li class="dropdown">
</ul>
</div>

纯js解决方案（未经测试）

var elements=document.getElementsByTagName（'a'）；
对于（var i=0；i

两种方式；）

jQuery风格：

<div class="container-fluid">
<img class="pull-left" onclick="MarkPopup()" style="width:50px;height:50px" src="/assets/mark.jpg">
<ul class="nav pull-right">
<li>
<li>
<a href="/ContactClub">Contact Club</a>
</li>
<li>
<li class="dropdown">
</ul>
</div>

纯js解决方案（未经测试）

var elements=document.getElementsByTagName（'a'）；
对于（var i=0；i

试试看

试一试

您可以使用或：

或：

您可以使用或：

或：

---

我会在

a

标签中添加一个

id

：

$('a[href="/ContactClub"]').prop('href', 'New Href here');

或者

---

注意：您还可以使用jQuery

prop

方法，方式与上面的

attr

相同。这在某种程度上是一个偏好问题。由于

href

主要被认为是一个属性（具有相应的，但不是动态的或断开连接的js属性），我建议使用

attr

。其他属性如

value

将取决于您试图检索的内容。对差异进行一些研究。

我会在

a

标记中添加一个

id

：

$('a[href="/ContactClub"]').prop('href', 'New Href here');

或者

---

注意：您还可以使用jQuery

prop

方法，方式与上面的

attr

相同。这在某种程度上是一个偏好问题。由于

href

主要被认为是一个属性（具有相应的，但不是动态的或断开连接的js属性），我建议使用

attr

。其他属性如

value

将取决于您试图检索的内容。对差异进行一些研究。

setAttribute

不应优先考虑。实际上，在这种情况下根本不应该使用它。始终直接设置属性（如果存在）。

setAttribute

不应优先。实际上，在这种情况下根本不应该使用它。始终直接设置属性（如果存在）。

$('a[href="/ContactClub"]').attr('href', 'New Href here');

$('a[href="/ContactClub"]').prop('href', 'New Href here');

<a id="contact_link" href="/ContactClub">Contact Club</a>

$('#contact_link').attr('href', 'new url');

document.getElementById('contact_link').href = 'new url';