質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

正規表現

正規表現とは特定の文字列によるパターンマッチングを行う際に用いられる宣言型プログラミングです。

Q&A

2回答

5557閲覧

javascriptのreplaceメソッドでimgのsrcを空にしたい

MasakazuFukami

総合スコア1869

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

正規表現

正規表現とは特定の文字列によるパターンマッチングを行う際に用いられる宣言型プログラミングです。

0グッド

0クリップ

投稿2015/04/16 10:54

編集2022/01/12 10:55

いつもお世話になっております。
正規表現の理解が乏しく解決できない問題がありますので質問させて下さい。

htmlのbodyないのコードを全て取得してその中にあるimgタグのsrcをカラにしたいです。

lang

1 var text = $('body').html(); 2 var removeSrcText = text.replace(/imgのsrcを削除する正規表現/g, '');

の用な感じではないかと自分では思っているのですが、正規表現が上手く出来ません。

ちなみに、$('body').find('img').attr('src', '');
のように元々のDOMから削除してしまう方法ではない方法が知りたいです。

ご教授お願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

lang

1var removed = text.replace(/(<img\s[^<>]*?src=)(["']?)[^"'\s]+?\2/g, '$1""');

パフォーマンス悪そうですが、こんな感じでしょうか。
誤爆はなるべくないよう配慮したつもりですが、たぶんあると思います。

投稿2015/04/16 14:31

編集2015/04/16 14:33
htsign

総合スコア870

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

正規表現だけだと、関係ないものが置換されないようにするのはかなり大変ですね。
少しボトルネックがありそうですが、jQueryのclone()でbodyのDOMを複製した上で上記のご自分で記している処理をしてあげたらどうですか?

投稿2015/04/16 11:06

AknEp

総合スコア200

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

MasakazuFukami

2015/04/16 11:11

回答有難うございます!! 先程もrailsのjsの構成に解答していただきましたよね?ありがとうございます! やはりこうやってゴリゴリやるしかないですよねー。。。 参考にさせていただきます!!!
AknEp

2015/04/16 11:16

なんとなくハマってバシバシ回答しちゃってます…w ちょっと言葉足らずだったんですが、 var newBody = $('body').clone(); newBody.find('img').attr('src', ''); で良いのではないか?ってことでした!
MasakazuFukami

2015/04/16 11:18

すごく勉強になります!(笑) 僕も出来る範囲で沢山答えるようにしてますよ!(笑) ちょっとその方法でやってみつつ他にいい方法ない探してみます! ありがとうございます!
MasakazuFukami

2015/04/16 12:02

ふと思ったんですけど text.replace(/src=\".+?\"/,'src=""'); これでいいんじゃないかと思いました(笑)
htsign

2015/04/16 14:18

横から失礼します。 src属性を持つ要素はimgだけではないので、それだとAknEpさんの懸念されている「関係ないものの置換」が起こる可能性が極めて高いと思われます。 具体的にはscript, iframe, embed, audio などがあります。 また、属性の引用符が「"」と「'」の2パターン考えられるほか、XHTMLではInvalidですがHTMLでは条件さえ満たせば引用符の省略が可能なため、そもそもの前提が崩れます。 更に言うならHTMLソースを取得するだけが目的であればいいのですが、再利用を考えている場合はinnerHTMLへの代入はパフォーマンスもよくないため、テキストでHTMLコードを持つのはあまりお勧めできません。(RangeオブジェクトのcreateContextualFragmentメソッドならそれなりに速いですが)
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問