如何在单击时更改href值
如何在单击时更改href值
提问于 2015-02-11 09:46:00
我有一个链接<a href="/Countries/388/10">next</a>。当我单击下一个href将值更改为<a href="/Countries/388/20">next</a>而没有refresh.When用户时，如何实现这一点?再次单击30...again 40.有什么想法吗？与计数器一样，单击后添加10
回答 5
Stack Overflow用户
回答已采纳
发布于 2015-02-11 10:00:40
我认为最简单的方法是使用RegEx：
$('a.next').click(function(event){
event.preventDefault(); //Prevent the link from going anywhere
var href=$(this).prop('href');
var RegEx = /(.*)\/([\d]+)/g
var Number=href.replace(RegEx,'$2');
Number=parseInt(Number)+10
href=href.replace(RegEx,'$1'+'/'+Number);
$(this).prop('href', href);
});更新
每次页面重新加载时，使用您正在使用的后端语言(PHP、.NET等)都可以这样做，但是，如果必须使用jQuery，则应该能够做到这一点。
$('a.next').click(function(event){
event.preventDefault(); //Prevent the link from going anywhere
var href=$(this).prop('href');
var RegEx = /(.*)\/([\d]+)/g
var URL = href.replace(RegEx,'$1')
if (window.location.href.indexOf(URL) > -1) { // If this is the current URL
var Number=window.location.href.replace(RegEx,'$2');
Number=parseInt(Number)+10
$(this).prop('href', URL + '/' + Number);
} else {
var Number=href.replace(RegEx,'$2');
Number=parseInt(Number)+10
$(this).prop('href', URL + '/' + Number);
}
});Stack Overflow用户
发布于 2015-02-11 09:48:14
$("a").click(function(e){
e.preventDefault();
$(this).attr('href', '/Countries/388/20');
});您需要使用preventDefault()来避免重定向。
让它像柜台一样
$("a").click(function(e){
e.preventDefault();
var _url = $(this).attr("href");
var _url_start = '/Countries/388/';
var _url_end = parseInt(_url.substr(url.lastIndexOf("/"), url.length-1));
$(this).attr('href', _url_start+(_url_end+10)');
});Stack Overflow用户
发布于 2015-02-11 09:47:33
试试这个：
$('a').click(function(){
$(this).prop('href','/Countries/388/20');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28451093
复制相关文章
相似问题
腾讯云开发者
