電子書籍の厳選無料作品が豊富！

詳しい人求む！

URLによってHTMLのテキストを変更するコードを教えてください。

解決済

  • 質問者：waitrose_love
  • 質問日時：
  • 回答数：3件

お世話になります。
Wordpressで自分のサイトを制作中で、外部JSファイルにてのブログの説明欄をそれぞれ違う言語で表示したいのですが、うまくいきません。
PHPはいじるのが怖いため、jQueryで書いていました。コードは以下になります。
----------------------------------------------------------------------

jQuery(document).ready(function() {

var loc = window.location.href;

if ("loc.includes('ja') > -1") {
jQuery('#header-page-title-inside .byline').replaceWith('<p class="byline"> 日本語説明文</p>');
}

else if("loc.include('pl') > -1") {
jQuery('#header-page-title-inside .byline').replaceWith('<p class="byline"> ポーランド語説明文 </p>');
}

else ("loc.include('en') > -1") {
jQuery('#header-page-title-inside .byline').replaceWith('<p class="byline"> 英語説明文 </p>');
}


});
----------------------------------------------------------------------

上記で試しましたが、取得したURLに関係なくまず日本語の説明文が表示されます。
Elseを抜いてIf文のみで構成するなどしましたが、やはりうまくいきません。
稚拙な構文ではございますが、どなたか力を貸してはいただけないでしょうか?
何卒よろしく願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

ほそく


loc.indexOf('ja') > -1
だった場合、
loc の文字列の中が ’jaiko.com' でも日本語の説明になるよ！
どうやってURLから判断するの？
    • good
    • 0
    • 件
通報する
この回答へのお礼

URLはhttp://ホームページ/ja/ホーム/などで多言語ページのアドレスが一定だったため、それを組み込んだのですが、確かにブログ記事などでパーマリンクにjaが入るものがありそうだったので、IF条件を変更することにしました。
変更したらきちんと動作し、テキストをそれぞれの言語に合わせて変更ができました。
お答えくださってありがとうございます。

通報する
お礼日時：2018/09/09 01:54

No.2

<!DOCTYPE html>


<meta charset="UTF-8">
<html lang="ja">
<title>?</title>
<style>
body.ja h2:lang(kr),
body.ja h2:lang(cn),
body.kr h2:lang(ja),
body.kr h2:lang(cn),
body.cn h2:lang(kr),
body.cn h2:lang(ja) {
display: none;
}

</style>

<body>

<nav>
<ul>
<li><a href="?hoge=ja">日本</a>
<li><a href="?hoge=cn">中国</a>
<li><a href="?hoge=kr">韓国</a>
</ul>
</nav>

<h2 lang="ja">こんにちは</h2>
<h2 lang="kr">안녕하세요</h2>
<h2 lang="cn">您好</h2>


<script>
let
url = new URL (location.href),
params = url.searchParams,
hoge = params.get('hoge');

document.body.className = hoge || 'ja';

</script>
    • good
    • 0
    • 件
通報する

No.1

if ("loc.includes('ja') > -1") {


これ、ただの文字列評価。

location.href って何を表すか知ってる？
includes って配列に使うもんだよ？
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
URLを取得し、その情報から判別したい。ということなのですが、ご回答ではよくわかりません。
ではどう記述したらよいのか、を教えていただけませんでしょうか？

通報する
お礼日時：2018/09/05 16:14

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報