Question

您好我的HTML视图上有MVC3个链接。

我想在每次用户点击它时更改其href属性。

<a class="tabs" href="#educationDetails">
<input id="SubmitBtn" type="submit" value="Next" />
</a>

有没有办法解决这个问题。

非常感谢

Answer 1

$(".tabs").click(function() {
   $(this).attr("href","newhref.com");
});

<强>更新

你可以得到像这样的属性值，

$(this).attr("href")  //will return '#educationDetails'

所以你可以检查这个值，

$(".tabs").click(function() {
  if ($(this).attr("href") == "#tab1")
      $(this).attr("href","#tab2");
  else if ($(this).attr("href") == "#tab2")
      $(this).attr("href","#tab1");
});

<强> UPDATE-2

如果您只想将＃tab1更改为＃tab2，请不要反向。你也可以这样做，

$('a.tabs[href="#tab1"]').click(function() {
    $(this).attr("href","#tab2");
});

Answer 2

$("a.tabs").click(function() {
    this.href = 'newhref';
    return false;
});

与@ocanal解决方案相比，这种方式更有效。

来源：

http://net.tutsplus.com/tutorials/javascript-ajax/14-helpful-jquery-tricks-notes-and-best-practices/

如何动态更改HTML链接的href属性

2 个答案: