2016-10-27 5 views
0

私は解決策を見つけられないので、おそらくjqueryでは不可能でしょうか?URLを追加してdiv/spanコンテンツを変更しますか?

私の計画:

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

麻生: 私はこのようないくつかのdivを持っています。

私のURLがwww.domain.com/...の場合は、「en」コンテンツのみを表示する必要があります。 URLがwww.domain.com/de/ ...の場合は、「de」コンテンツのみを表示する必要があります。これはjqueryで可能ですか?

答えて

4

あなたはこのような何か行うことができます:FlatLanderは彼の答えで指摘するように、あなたがincludesは、(原因ブラウザのサポートにincludesを使用したくない場合は

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

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

EDITをES6)を使用すると、indexOf

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

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

ああ、あり - シンプルで素敵。ありがとうございました!更新のための – Pepe

+0

Thx! – Pepe

2

クロスブラウザのサポート

includesので ​​

includesのindexOf

しようと、すべてのブラウザでは利用できませんES6機能いいですね素晴らしい https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/includes#Browser_compatibility

+0

Ouh、ok、情報のために大きなthx!私もあなたの1つを試してみましょう! – Pepe

+0

私はあなたの 'indexOf'にスラッシュを含めてください。このコードを使うと 'destination.html'というページは' de'を含んでいるので 'true'を投げます。 – Santi

+0

ごめんなさい:P – FlatLander

関連する問題