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>

ASO。

所以，如果我的网址只是www.domain.com / ...，则只显示“en”内容。如果网址是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），那么您可以使用{{1} }：

indexOf

Answer 2

跨浏览器支持

并非所有浏览器都提供

includes，请尝试使用indexOf

var url = window.location.href;    

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

includes是es6功能https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/includes#Browser_compatibility

通过网址添加更改div / span内容？

2 个答案: