javascript - 如何在jQuery中切换部分href？

Question

目前，我正在开发一个投票系统（就像我们在 StackOverflow 中所拥有的一样）

有四种单独的链接类型：up-vote on/off、down-vote on/off，这意味着我们允许用户投票和取消投票。href就像/vote?type=up，/vote?type=off-up

问题是我不知道如何切换我发现的链接的类型属性的值（例如向上/关闭） this.href = this.href.replace('up', 'off-up');，但这只是一个方向。

你能告诉我如何使链接的类型可切换吗？谢谢！

score 1 · Accepted Answer

您可以使用三元运算符

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

score 1 · Accepted Answer

您不能以简单的方式真正切换它。相反，您可以切换一些自定义数据属性：

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

然后不要直接使用 HREF，而是在.click()发生链接时动态构建它，同时考虑到的值oLink.data("off")。

score 1 · Accepted Answer

尝试这个：

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

工作小提琴：http: //jsfiddle.net/vjuqa/

3 回答 3