通過網址添加更改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