如何将当前路径名添加到具有不同 url 的 href？

Question

我目前正在拆分一个网站，因此英文版驻留在子域 en 中。法语版本位于 www.

在执行此操作之前，我有一个下拉菜单，通过将 url 附加到语言代码来选择当前语言，因此单击 'English' 将在 .com 之后添加 /en/ 并单击 'French' 将添加 /fr/ 当前，如果用户选择更改产品页面上的语言，它将保留在同一页面上。

我想做同样的事情，但不是使用当前的 url 并将 /en/ 修改为 /fr/ 反之亦然，它将当前文件路径添加到 [=23] 的末尾=] 在锚标签的 href 中。

<li>
    <a onclick="$('input[name=\'language_code\']').attr('value', 'en'); $('#language_form').submit();" href="javascript:;">
      <img alt="English" src="http://en.domain.com/filepath/gb.png"> English        </a>
</li>

<li>
    <a href="http://www.domain.com/fr/" id="addURLlang">
      <img alt="français" src="http://en.domain.com/filepath/fr.png"> français        </a>
</li>

以上是我目前拥有的内容，但这只会将用户带到法文主页。我试图编写一个脚本将文件路径附加到 url 但这不起作用，请参见下文：

<script>
jQuery(document).ready(function(){
   jQuery('#addURLlang').attr('pathname');
});
</script>

我不确定它是否有帮助，但 url 之一的示例是 en.domain。com/en/c/62/lenfance/ 如果选择法语，我希望它转到www.domain.com/fr/c/62/lenfance/ - 我想使用 /c/62/lenfance/ 并将其附加到锚标记中的 href

如有任何帮助，我们将不胜感激！

谢谢，克里斯

Answer 1

此过程向您展示了如何变旧 href、改变它并放回去。您现在可以做任何您需要的替换。

var element = $('#addURLlang');
var newUrl = $(element).attr('href') + 'c/62/lenfance/';

$(element).attr('href', newUrl);

您可能需要尝试使用 .replace() 等将 'www.domain.com' 更改为 'en.domain.com' 并附加 url.

要将 www. 更改为 en.，反之亦然，您可以使用类似这样的东西

'http://www.domain.com'.replace(/(http:\/\/)?www\./, 'en.' );
'http://en.domain.comm'.replace(/(http:\/\/)?en\./,  'www.');

要获取当前浏览器地址 (url)，请执行此操作

var currentUrl = window.location.href;

如何将当前路径名添加到具有不同 url 的 href？

How can I add the current pathname to a href with a different url?

html

javascript

php

jquery