双语网站中的html标题

Question

基于this post 中的代码并感谢我在this other post 上获得的帮助，我设法在一个html 站点中使用了两种语言；这是我在导航栏中用来选择语言的代码：

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" id="dropdown06" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span lang="es">Idioma</span>
        <span lang="en">Language</span>
    </a>
    <div class="dropdown-menu" aria-labelledby="dropdown06">
        <a class="dropdown-item coll-navbar language">
            <span lang="es">English</span>
            <span lang="en">Español</span>
        </a>
    </div>
</li>

这是 jQuery 代码：

var lang = localStorage.getItem("lang");
if (lang) {
    if (lang == "en") {
        $('[lang="en"]').show();
        $('[lang="es"]').hide();
    } else {
        $('[lang="es"]').show();
        $('[lang="en"]').hide();
    }
} else {
    $('[lang="en"]').hide();
    localStorage.setItem('lang', 'es');
};
$('.language').click(function() {
    $('[lang="es"]').toggle();
    $('[lang="en"]').toggle();
    if (lang === 'en') {
        localStorage.setItem('lang', 'es');
    } else {
        localStorage.setItem('lang', 'en');
    }
});

最后，这是代码工作：

<div class="title col-12 col-md-8">
    <h2 class="align-center" lang="es"><strong>
            Costura</strong></h2>
    <h2 class="align-center" lang="en"><strong>
            Sewing</strong></h2>
</div>

该站点以西班牙语开头，如果选择了英语，则下次从同一浏览器访问该站点时，它将以英语开头（它将以最后选择的语言开头）。

我想更改标题中的语言以及正文中的文本，并且按照this post 中的建议，我已经尝试在jQuery 位中使用document.title = "new title"，但是由于某种原因，标题保持不变，它只是改变了一次，然后在会话的其余部分保持不变。 提前致谢，

Answer 1

你为什么不简单地使用 CSS？

html [lang] { display: none; }
html[lang=en] [lang=en] { display: initial; }
html[lang=es] [lang=es] { display: initial; }