如何动态地更改HTML链接的href属性(How to change HTML link's

您好我有一个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");
});

UPDATE

---

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

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

文章来源: How to change HTML link's href property dynamically