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

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");
});

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");?
})?;?