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