javascript置換ができない

###実現したい事

取得したhtmlデータからダブルクォーテーションは「¥"」に、シングルクォーテーションは「¥'」に置換したいです。

javascriptで置換作業をするのは初めてで、調べてみても何が違うのか分からなかったため質問させていただきました。

###該当のソースコード

javascript
1
2var html = ($("body").html());
3var html = html.replace(/"/g,'¥"');
4var html = html.replace(/'/g,"¥'");
5console.log(html);//置換されていない
6

本当に初歩的で申し訳ありません。

行動規範の内容に同意します

回答3件

ベストアンサー

コードを多少修正すると下記のようになりましたがこれでよろしいでしょうか？
replace関数を使って置き換わるのは、JS処理上で格納されたデータであって、
実際のソースが置換されるわけではありませんが、そこは問題ないでしょうか？

html
1<img src="test">

javascript
1var html = $("body").html();
2html = html.replace(/"/g,'¥"').replace(/'/g,"¥'");
3
4console.log(html); //<img src=¥"test¥">

投稿2016/07/06 13:29

yamato_hikawa

総合スコア2092

takumi123

2016/07/06 15:10

これをコピーしてみるとうまくできました。はい、ソースが変わらなくて大丈夫です。本当にありがとうございました！

行動規範の内容に同意します

こんにちは！ウェブの専攻をしている初心者です。
私も最近javascriptを勉強しているので
足りないですけど、意見を話したいと思います＾＾

まず、どんなエラーか、どんな状態か分からないので、
私もしてみました！

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script>
  $(function () {
  var str = $("#str").html();
  console.log(str);//変数debug
  str = str.replace(/"/g,'¥"');
  str = str.replace(/'/g,"¥'");
  $("#result").html(str);
  alert(str);
  });
</script>
</head>
<body>
  変化前
  <h1 id="str">He'l'lo Wo"rld</h1><hr>
  変化後
  <h1 id="result"></h1>
</body>
</html>

した結果、私はうまくできました、
もし、scriptの部分でvar html = ($("body").html());と言うことがありましたけど、
bodyの要素を読み込むことができなくて、置換ができなかったのはないでしょうか？

そして

var html = ($("body").html());
var html = html.replace(/"/g,'¥"');
var html = html.replace(/'/g,"¥'");

ここで、varと言うのは一つで十分です
続けてvarで宣言すると続けて新しい変数が宣言されることなので
最初読み込んだデータが繋がることができないと思います。
scriptの位置に従ってhtmlの中にあるタグのresultを読み込む時、
$(document).ready(function(){ });などのonloadk関数が要るかもしれないです＾＾

外国人なので、説明がおかしいかもしれないですね；＿＋

投稿2016/07/06 13:29

退会済みユーザー

総合スコア0

takumi123

2016/07/06 15:12

回答ありがとうございます。とても綺麗な日本語です。最初のbody要素が取得できているかを確認したところ、きちんと取得できていたので置換が問題だと思いますが・・・ yamato_hikawaさんのコードをコピペするときちんとした結果になりました。理由の追及が必要ですね。 varの件も了解しました。ありがとうございます！

行動規範の内容に同意します

var html = html.replace(/"/g,'¥"');
var html = html.replace(/'/g,"¥'");
\の直後はエスケープされて一つの文字のように扱われます。
質問者さんのものを文字単位を[]で囲うなら
[']→'
["]→"
と置き換わります。

それを考慮すると
'\''
'\"'
↓
[\][']→'
[\]["]→"
とするといいでしょう。

つまり、
'\''
'\"'
"\'"
"\""
あたりを書きましょう。

投稿2016/07/06 13:25

編集2016/07/06 13:31