jqueryを使った文字の置換を行いたいのですがうまくいきません。
どなたかお詳しい方、ご教授いただけますでしょうか。
よろしくお願いします。
■行いたいこと
<div class="bbb"><img src="0123.jpg"></div>
をwindow読み込み時に
<div class="bbb"><img src="0123s.jpg"></div>
と置き換えしたい。
javascriptのソースは以下の通りです。
<script src="jquery-min.js"></script>
<script type="text/javascript">
<!--
$(function(){
var aaa = $('.bbb');
aaa.html().replace(/.jpg/ig, "s.jpg");
});
// -->
</script>
No.1
- 回答日時:
質問のコードでは文字列を置き換えているだけです。
・置き換えた文字列を代入してやる必要があります
aaa.html(aaa.html().replace(/.jpg/ig, "s.jpg"));
※正規表現についてですが、、、
文字列.はメタキャラなので今回のような使い方は避けたほうがいいです。
⇒ /\.jpg/
この回答への補足
ご回答いただきありがとうございます。
正規表現のご指摘も参考になりました。
試してみたところ、変換はできたのですが、
以下の状況になってしまいました。
<div class="bbb"><img src="0123.jpg"></div>
<div class="bbb"><img src="4567.jpg"></div>
とあったとしたら、
<div class="bbb"><img src="0123s.jpg"></div>
<div class="bbb"><img src="4567s.jpg"></div>
としたいのですが、
<div class="bbb"><img src="0123s.jpg"></div>
<div class="bbb"><img src="0123s.jpg"></div>
となってしまいます。解消方法はあるでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascript外部読み込みの際の引数
-
jqueryでのkeydownイベント発生...
-
外部JSファイルで値を受け取る方法
-
jQueryの基本的なことについて...
-
画像をゆっくりと切り替える方法
-
map とlightbox
-
音楽再生用jQueryプラグイン「j...
-
日本語記述が出来ません(XML?)
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavaScriptからVBScriptの呼び...
-
<script>...</script> 要素の内
-
GIFアニメの動きが止まってしま...
-
相対パスと絶対パスの速度
-
SCRIPT5007: 未定義または NULL...
-
bodyにidをつける理由は何ですか?
-
cssにjavascriptを入れる?呼び...
-
ホームページ上に『位置固定』...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQuery が動作しません。
-
javaスクリプトについて質問で...
-
jQueryでloadした要素の操作が...
-
jqueryについて(Lightboxとbxs...
-
scrollsmoothly.jsが動かない
-
JavaScriptで背景や文字色を色→...
-
jQuery UIのdraggableについて
-
colorboxの直接呼び出し方法に...
-
「jquery.csv2table.js」から生...
-
●jQuery;スクロールでついてく...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報