正規表現を使いたいのですが、
javascriptでは戻り読み表現が使えないと知って困っています・・・
<a href="http://abc.com/"><img src="http://image.abc.com/def.jpg"></a>
<a href="http://hogehoge.com/"><img src="http://hogehoge.com/hoge.jpg"></a>
<a href="http://123.com/"><img src="http://456.com/789.jpg"></a>
<a href="http://momomo.com/"><img src="http://lelele.com/momo.jpg"></a>
上記のソースから
http://image.abc.com/def.jpg
http://hogehoge.com/hoge.jpg
http://456.com/789.jpg
http://lelele.com/momo.jpg
だけをマッチさせたいです。
(画像のパスだけをマッチさせたい)
URLは今後も増える可能性があり、サイト名、文字数、画像名などもバラバラです。
うまくマッチさせる方法はありますでしょうか。
詳しい方いらっしゃいましたらよろしくお願いします!
No.1ベストアンサー
- 回答日時:
あまり詳しくないですが、
2段階に分けてパーズしてみてはいかがでしょう。
(function(){
var src = document.getElementsByTagName('body')[0].innerHTML;
var regex1 = new RegExp( '<[^>]*>', 'g' );
var regex2 = new RegExp( '<img\\s[^>]*src="([^">]+)"[^>]*>', 'i' );
var tags = src.match( regex1 );
for( var i in tags ){
var tag = tags[i];
if( regex2.test( tag ) ){
var matches = regex2.exec( tag );
var url = matches[1];
alert( url );
}
}
})();
ご回答ありがとうございます!
結論としては、1段階でのマッチは不可能ということでしょうか。
情けないことに教えてくださった内容の半分も理解できていないのですが、ご回答とソースとにらめっこで何とかがんばってみます。
内容がわからないので、ベストアンサーは一番早く回答をくださった方にさせていただきます。
本当にありがとうございました!
No.4
- 回答日時:
dom かぁ
なら、1.8で
alert (Array.map (document.querySelectorAll ('a > img'), (function (i) i.src)).join ('\n'));
No.3
- 回答日時:
既に正解が出てますが。
。。正規表現を使わずにDOMアクセスじゃ駄目なんですか?
--------------------------------------------------------
<body>
<a href="http://abc.com/"><img src="http://image.abc.com/def.jpg"></a>
<a href="http://hogehoge.com/"><img src="http://hogehoge.com/hoge.jpg"></a>
<a href="http://123.com/"><img src="http://456.com/789.jpg"></a>
<a href="http://momomo.com/"><img src="http://lelele.com/momo.jpg"></a>
<script type="text/javascript">
var i;
var imgs = document.getElementsByTagName('img');
var pool = [];
for( i = 0; i < imgs.length; i++ )
{
pool.push( imgs[i].src );
}
alert( pool );
</script>
</body>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンクリック時にボタンの状...
-
onmouseoverで写真の上に重ねて...
-
MAX関数を使ってからLEFT JOIN...
-
[急ぎ] videoタグで埋め込んだm...
-
交互に入れ替わる画像を複数配置
-
スクロール可能なチェックボックス
-
大分類・中分類・小分類
-
「jQuery」アコーディオンメニ...
-
初心者です。クリッカブルマッ...
-
画像の重なりの順序を代える方...
-
フッター上部に謎の隙間
-
CSS <div>の入れ子が反映さ...
-
JavaScript - 月ごとに画像変化
-
OpenCVで固定枠で画像を操作す...
-
jspでcssが読み込めない
-
スワップイメージが上手く動作...
-
画面の表示位置を指定させて表...
-
createElementで作成した要素を...
-
innerHTMLの初期値
-
c++std::string型をTCHARに変換...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryでサーバー上のファイル...
-
window.openで値の渡し方を教え...
-
JAVAで画像をボタンで切り替え...
-
HPB_SCRIPT_ROV_50
-
this.src等のthisについて
-
画像と文字を同時に切り替えたい
-
画像の下に説明文をつけて切り...
-
imgのsrcに値を設定するには
-
画像アップロードしたい
-
JavaScriptで画像置換えてクリ...
-
画像をランダムな座標に一定の...
-
Javaにて画像を変更させる動作...
-
クリッカブルマップでリモート...
-
イベントハンドラを完全に外部...
-
画像の入れ替え
-
【javascript】マウスオンで画...
-
JavaScriptを外部ファイルにす...
-
オンマウスで画像と文字を同時...
-
画像をクリックして変数に値を代入
-
HTMLページ内のタグに対しての...
おすすめ情報