質問編集履歴

1 ご指摘頂いたコードブロックの修正、urlの修正

silver_mouse2

silver_mouse2 score 10

2016/11/29 15:29  投稿

$.ajaxで取得したhtml内のimgのsrc属性を変更したい
僕はWEBデザイナーとしてお仕事をしています。
今、jqueryで特定のURLから特定のコンテンツ(お客様の声など)を取得し、サイト上に掲載するような機能を実現したいと思っています。
jqueryに関してはあまり得意ではないのですが、$.ajaxという関数を使用し、特定のURLのhtmlを取得し、表示するところまでは実現できました。ただ、取得したimgタグのsrc属性も変更しなければ掲載先のサイト上に取得した画像が表示されないようなので、自分で考えて下記のようにコーディングしてみましたが、うまくいきませんでした。
※URLはすべてダミーです
<script type="text/javascript">
```javascript
$.ajax({
url: 'http://aaa.com/', //目的のアドレス
url: 'http://example.com/', //目的のアドレス
cache: false,
dataType:'html',
success: function(html){
var voice_cont1 = $(html).find('#voice');
voice_cont1.find('img').each(function () {
$(img).attr('src', 'http://bbb.com/wp/wp-content/themes/theme1/images/');
$(img).attr('src', 'http://example_1.com/wp/wp-content/themes/theme1/images/');
});
$('#voice_1').append(voice_cont1);
}
});
</script>
```
要するに$.ajaxにて取得した目的のアドレスのhtmlの中にあるid="voice"のdiv要素を変数voice_cont1に代入して、さらにvoice_cont1内のimgのsrc属性を変更しようとしてるのですがうまくいかないのです。
どなたかjqueryに詳しい方、修正の方法や上記機能の実現方法をご教示頂ければ、と思います。
ちなみに下記のようなコードを書いてみましたがやはりだめでした。
<script type="text/javascript">  
```javascript  
$.ajax({
url: 'http://aaa.com/', //目的のアドレス
url: 'http://example.com/', //目的のアドレス
cache: false,
dataType:'html',
success: function(html){
var voice_cont1 = $(html).find('#voice');
voice_cont1('img').attr('src').replace('images/' , 'http://bbb.com/wp/wp-content/themes/theme1/images/');
voice_cont1('img').attr('src').replace('images/' , 'http://example_1.com/wp/wp-content/themes/theme1/images/');
$('#voice_1').append(voice_cont1);
}
});
```  
</script>  
jqueryに対する基本的な知識が自分にはないように思うのですが、ご助言頂ければ幸いです。
宜しくお願いします。
  • jQuery

    13289 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る