如何动态地更改HTML链接的href属性 [英] How to change HTML link's href property dynamically

问题描述

您好我有我的 MVC3 查看一个 HTML 链接。

我想改变它的的href 属性，每次用户点击它。

 ＆LT;一类=标签的href =＃educationDetails＆GT;
＆LT;输入ID =SubmitBtn类型=提交值=下一步/＆GT;
＆所述; / A＆GT;
 

有什么办法来解决这个问题。

非常感谢

解决方案

  $（标签）。点击（函数（）{
   $（本）.attr（HREF，newhref.com）;
}）;
 

更新

---

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

  $（本）.attr（HREF）//返回#educationDetails
 

所以你可以检查该值这个样子，

  $（标签）。点击（函数（）{
  如果（$（本）.attr（HREF）==＃TAB1）
      $（本）.attr（的href，＃TAB2）;
  否则，如果（$（本）.attr（HREF）==＃TAB2）
      $（本）.attr（的href，＃TAB1）;
}）;
 

更新-2

---

如果你只是想＃TAB1改为＃TAB2，不能反转。你也可以做到像这样，

  $（'a.tabs [HREF =＃TAB1]'）。点击（函数（）{
    $（本）.attr（的href，＃TAB2）;
}）;
 

Hi I have a HTML link on my MVC3 View.

I want to change its href property each time user clicks it.

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

Is there any way to solve this issue.

Many Thanks

解决方案

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

UPDATE

---

you can get attribute value like this,

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

so you can check that value like this,

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

UPDATE-2

---

If you just want to change #tab1 to #tab2, not reverse. you can also do it like this way,

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

这篇关于如何动态地更改HTML链接的href属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！