Javascript 如何在jQuery中切换部分href?

Javascript 如何在jQuery中切换部分href?,javascript,jquery,Javascript,Jquery,目前,我正在开发一个投票系统(就像StackOverflow中的一样) 有四种不同的链接类型:向上投票开/关、向下投票开/关,这意味着我们允许用户投票和取消他们的投票。 href类似于/vote?type=up,/vote?type=off up 问题是我不知道如何切换链接的type属性的值(例如up/off up) 我找到了类似的东西 this.href=this.href.replace('up','off-up'),但这只是一个方向 您能告诉我如何使链接的类型可切换吗?谢谢 可以使用三元运

目前,我正在开发一个投票系统(就像StackOverflow中的一样)

有四种不同的链接类型:向上投票开/关、向下投票开/关,这意味着我们允许用户投票和取消他们的投票。 href类似于
/vote?type=up
/vote?type=off up

问题是我不知道如何切换链接的type属性的值(例如up/off up) 我找到了类似的东西
this.href=this.href.replace('up','off-up'),但这只是一个方向


您能告诉我如何使链接的类型可切换吗?谢谢

可以使用三元运算符

this.href = this.href.indexOf('off-up') != -1 ? this.href.replace('off-up', 'up') : this.href.replace('up', 'off-up');

可以使用三元运算符

this.href = this.href.indexOf('off-up') != -1 ? this.href.replace('off-up', 'up') : this.href.replace('up', 'off-up');

你不能用简单的方式来切换。相反,您可以切换某些自定义数据属性:

var oLink = $(this);
oLink.data("off", !oLink.data("off"));

然后,不要直接使用HREF,而是在链接的
事件中动态构建它。单击()
,将
oLink.data(“off”)
的值考虑在内。

您不能用简单的方式真正切换它。相反,您可以切换某些自定义数据属性:

var oLink = $(this);
oLink.data("off", !oLink.data("off"));
然后,不要直接使用HREF,而是在链接的
事件中动态构建它。请考虑
oLink.data(“off”)的值。

尝试以下操作:

this.href = this.href.indexOf('off-up') > 0 ? this.href.replace('off-up', 'up') : this.href.replace('up', 'off-up');
工作小提琴:

试试这个:

this.href = this.href.indexOf('off-up') > 0 ? this.href.replace('off-up', 'up') : this.href.replace('up', 'off-up');
工作小提琴: