如何基于多语言URL扩展jQuery选择器实现差异化文本追加？

要根据不同语言URL给禁用选项追加对应文本，我们可以通过判断当前页面路径来区分语言版本，再针对性设置追加内容，具体实现如下：

步骤1：判断当前语言版本 #

先通过window.location.pathname获取页面路径（比直接用href更精准，避免查询参数干扰），判断是否包含德语路径标识/de/。

步骤2：针对性追加文本 #

根据语言判断结果，设置对应的追加文本，再找到目标禁用选项完成追加。

完整的jQuery代码如下：

$(document).ready(function() {
    // 获取当前页面路径
    const currentPath = window.location.pathname;
    // 根据路径判断语言，设置要追加的文本
    const appendText = currentPath.includes('/de/') ? ' - nicht verfügbar' : ' - unavailable';
    
    // 找到所有form-control类下拉框里的禁用选项，追加文本
    $('select.form-control option[disabled]').append(appendText);
});

代码说明： #

• window.location.pathname.includes('/de/')：精准判断是否处于德语版本页面，避免URL里其他参数影响判断
• option[disabled]：比原来的[disabled=""]更通用，因为HTML里disabled属性只要存在就生效，不需要指定值
• 可根据实际需求替换' - nicht verfügbar'和' - unavailable'为你需要的对应语言文本

如果你的语言路径规则有变化（比如默认语言是其他标识），只需要调整判断条件即可，比如默认语言是/en/，就把判断改成currentPath.includes('/en/')来区分。

内容的提问来源于stack exchange，提问作者Robert