javascript - 通过添加 url 更改 div/span 内容？

Question

我没有找到解决方案，所以也许 jquery 不可能？

我的计划:我有一些这样的 div:

<div>
  <span class="en">Hello</span>
  <span class="de">Hallo</span>
</div>
<div>
  <span class="en">Whats up?</span>
  <span class="de">Wie geht´s?</span>
</div>

麻生太郎。

因此，如果我的网址只是 www.domain.com/...，则仅应显示“en”内容。如果 url 是 www.domain.com/de/...，则仅应显示“de”内容。这可以用 jquery 实现吗？

Answer 1

你可以这样做:

var url = window.location.href;  //Get URL

if (url.includes("/de/")) {    //If URL Contains /de/
  $('.en').hide();
} else {
  $('.de').hide();
}

编辑:

如果由于浏览器支持而不想使用 includes (如 FlatLander 在他的回答中指出，includes 是 ES6)，那么您可以使用indexOf:

var url = window.location.href;  //Get URL

if (url.indexOf("/de/") !== -1) {    //If URL Contains /de/
  $('.en').hide();
} else {
  $('.de').hide();
}