今、webサイトを自作しているんですが、他のサイトからコンテンツを引っ張ってくるために
jquery.xdomainajax.js
を使っています。ですが、スクレイピングするコードの書き方がわからないので、教えていただけないでしょうか?
スクレイピングする内容は、
html
1<BODY background="haikei2015.jpg"> 2<DIV style="top : 69px;left : 192px; 3 position : absolute; 4 z-index : 1; 5" id="Layer1"> 6<DIV> 7<TABLE border="0" cellpadding="5" cellspacing="0"> 8 <TBODY> 9 <TR> 10 <TD align="center" valign="middle" width="128" height="128"><A href="P5302228.jpg"><IMG src="P5302228_thumb.jpg" width="128" height="96" border="1"></A></TD> 11 <TD align="center" valign="middle" width="128" height="128"><A href="P5302229.jpg"><IMG src="P5302229_thumb.jpg" width="128" height="96" border="1"></A></TD> 12 </TR> 13 <TR> 14 <TD align="center" valign="middle" width="128" height="128"><A href="P5302233.jpg"><IMG src="P5302233_thumb.jpg" width="128" height="96" border="1"></A></TD> 15 <TD align="center" valign="middle" width="128" height="128"><A href="P5302234.jpg"><IMG src="P5302234_thumb.jpg" width="128" height="96" border="1"></A></TD> 16 </TR> 17 </TBODY> 18</TABLE> 19</DIV> 20</DIV> 21</BODY> 22
こんな感じのコードを持つページの中の全てのIMGタグのsrcの値を配列として取り出したいです。
スクレイピングを行う参考にしているソースコードは
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <script src='http://ellaomaalbum2015.web.fc2.com/'></script> 6 <script src="jquery.xdomainajax.js"> </script> 7 <script> 8 url = '○○○○○○○'; 9 $.get(url, function(data){ 10 11<!--取り出すコード--> 12 13 }); 14 </script> 15</head> 16<body> 17 <div id="text"></div> 18</body> 19</html> 20
こんな感じです。
すいませんよろしくお願いします。
html
1console.log($(data.responseText).find('img').attr('src')); 2
だと思ったのですがうまくいきません