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

アップデート

---

このような属性値を取得できます。

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