javascript - 根据点击更改 URL

Question

我想将语言切换器添加到特定的 html 页面。我不需要任何语言文本，只需要根据点击更改指向另一个网站的链接。仅仅为了处理一些链接更改而创建三个 html 页面没有多大意义，但我的 jquery 技能不太好。

目标结构如下所示:

<ul>
<li><a  class="clickButton" href="folder1/firstLink/Languages/English/folder/index.html">Index Link</a></li>
<li><a  class="clickButton" href="../folder2/secondLink/Languages/English/folder/index.html">A different Link </a></li>
<li><a  class="clickButton" href="../../folder3/Languages/English/folder/index.html">Another different link</a></li>

<ul>

<ul>
<li><a  class="clickButton" href="folder1/firstLink/Languages/Spanish/folder/index.html">Index Link</a></li>
...
<ul>

如您所见，我只需要将语言名称(“英语”)替换为西类牙语即可使链接正常工作。所以我认为用户点击相应的标志并且 url 字符串相应地改变。

我很高兴能提供一些如何切换语言名称的示例

Answer 1

HTML:

<a data-lang="Spanish">To Spanish</a>
<a data-lang="Russian">To Russian</a>

JavaScript:

var current = "English"
$("[data-lang]").on("click", function() {
    var lang = $(this).data("lang");
    $(".clickButton").prop("href", function(i, href) {
        return href.replace(current, lang);
    });
    current = lang;
});

演示: http://jsfiddle.net/a2xqL/