div/span Inhalt durch URL-Zugabe ändern?

Question

Ich finde keine Lösung, vielleicht ist es nicht möglich mit jquery?

Mein Plan: Ich habe einige divs wie folgt aus:

<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.

Also, wenn meine URL nur www.domain.com/... ist, sollte nur der "en" -Content angezeigt werden. Wenn die URL www.domain.com/de/... lautet, sollte nur der "de" -Inhalt angezeigt werden. Ist das mit jQuery möglich?

Answer 1

Man könnte so etwas tun:

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

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

EDIT:

Wenn Sie nicht includes wegen Browser-Unterstützung (als FlatLander weist in seiner Antwort verwenden möchten, includes ist ES6), dann können Sie indexOf verwenden:

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

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

Answer 2

Cross-Browser-Unterstützung

includes ist in jedem Browser so nicht verfügbar versuchen indexOf

var url = window.location.href;  

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

includes ist ein es6 Merkmal https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/includes#Browser_compatibility