通过网址添加更改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”内容。如果网址是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(); 
} 

Answer 2

跨浏览器支持

includes并不是在所有浏览器可用，因此尝试的indexOf

​​

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