Javascript 如何更改HTML链接';s href属性
嗨,我的Javascript 如何更改HTML链接';s href属性,javascript,jquery,html,asp.net-mvc-3,jquery-ui,Javascript,Jquery,Html,Asp.net Mvc 3,Jquery Ui,嗨,我的MVC3视图上有一个HTML链接 每次用户单击它时,我都要更改它的href属性 <a class="tabs" href="#educationDetails"> <input id="SubmitBtn" type="submit" value="Next" /> </a> 有没有办法解决这个问题 非常感谢 $(".tabs").click(function() { $(this).attr("href","newhref.com");
MVC3
视图上有一个HTML
链接
每次用户单击它时,我都要更改它的href
属性
<a class="tabs" href="#educationDetails">
<input id="SubmitBtn" type="submit" value="Next" />
</a>
有没有办法解决这个问题
非常感谢
$(".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");
});
所以你可以像这样检查这个值
$(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");
});
更新-2
如果您只想将#tab1更改为#tab2,请不要反转。你也可以这样做
$('a.tabs[href="#tab1"]').click(function() {
$(this).attr("href","#tab2");
});
与@ocnal解决方案相比,这种方法更有效
资料来源:
您能告诉我如何使用切换条件查看它吗当前的
href
值是这个“#tab1”,然后将其设置为“tab2”。提前谢谢。@user1211185如果这是您问题的正确答案,您应该将其标记为答案。我试图标记它,但它说我可以在10分钟后标记,可能是因为我没有足够的声誉。谢谢这是你的问题,(这会给你一个代表性的奖励)。您所要做的就是等待计时器清除并允许您这样做。@Ocal否我的页面上有7个选项卡,目前没有“上一个”按钮。我只是向前看。如果你要提出这一主张,我是否可以建议你访问并提供支持/证据?(你是对的,但是……你知道,引用你的消息来源。=)@DavidThomas。来源。。。“请注意,应该始终通过jQuery访问三个属性:“src”、“href”和“style”。这些属性需要在旧版本的IE中使用getAttribute。“在单击事件上使用JS链接是否转到其他页面?”?还是内部联系?因为如果它转到一个外部页面,那么你需要一个服务器端解决方案来记住点击次数。为什么你在a标签中有一个提交按钮?你的HTML是无效的<代码>元素不能包含交互内容。@Quentin:完全正确。@用户:请参阅的内容模型,其中链接到的定义。这与你的问题无关,但昆汀还是要指出一件有用的事情。