我有一个链接<a href="/Countries/388/10">next</a>
。当我单击下一个href将值更改为<a href="/Countries/388/20">next</a>
而没有refresh.When用户时,如何实现这一点?再次单击30...again 40.有什么想法吗?与计数器一样,单击后添加10
发布于 2015-02-11 02: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);
}
});
发布于 2015-02-11 01: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)');
});
发布于 2015-02-11 01:47:33
试试这个:
$('a').click(function(){
$(this).prop('href','/Countries/388/20');
});
https://stackoverflow.com/questions/28451093
复制