Question

<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>

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

Answer 1

两种方式;）

jQuery样式：

// Select a with href attribute = /ContactClub
$('a[href="/ContactClub"]').prop('href', 'newhref...');

Pure-js解决方案（未经测试）

var elements = document.getElementsByTagName('a');
for (var i = 0; i < elements.length; i++) {
 if (element[i].href === '/ContactClub') {
   if (element.setAttribute !== 'function') {
     element[i].href = 'newhref';
   } else {
     element[i].setAttribute('href', 'newhref');
   }
 }
}

Answer 2

您可以使用prop()或attr()：

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

或：

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

<强> Fiddle Demo

Answer 3

我会在id标记中添加a：

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

然后再做，

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

，或者

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

注意：您也可以使用jQuery prop方法，方法与上面的attr相同。这在某种程度上是偏好的问题。由于href主要被认为是一个属性（具有相应的，但不是动态的或断开连接的js属性），我建议使用attr。其他属性（如value）将取决于您要检索的内容。对这些差异进行一些研究。

Answer 4

试

$("li a").attr("href","new value");

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

4 个答案: