jqueryとJSONを使用してtumblrのテキストポストで写真を取得する

Question

jqueryとjsonの背景がかなり弱いので、私は一緒にtumblr APIを学んでいます。私は、最新の「通常の投稿」の最初の写真からsrc属性を取得したいと思います。投稿の画像には「メイン」のクラスがあります。

これまでのところ、投稿のタイトルをスパンに、投稿URLを画像/スパンを含むハイパーリンクに取り込むことができました。

$(document).ready(function() { 
$.getJSON('http://features.futurevague.com/api/read/json?callback=?', 
    function(response) { 
     $('a#feat0').attr('href',response.posts[0].url); 
     $('span#feat0').wrapInner(response.posts[0]['regular-title']); 
     $('img#feat0').attr('src',response.posts[0]['regular-body'].find('img.main')[0].attr('src')); 
}); 

}）;

しかし、3番目の機能は機能しません（おそらく不正な形式です）。

私のHTML私はこのようなルックスにコンテンツを埋め込むよ：

 <a href="#" id="feat0"> 
     <div class="imgholder"> 
      <img src="#" class="main" id="feat0"> 
     <span id="feat0"></span></span> 
     </div> 
    </a> 

だから、jQueryの.find（）メソッドを使用して任意のヘルプ？たぶん

Answer 1

で試してみてください。 応答：また、[「正規体」] [0] response.postsの値を投稿し、それは... スパンからIDを削除し、あなたの投稿でのコメントから

$('#feat0').find('img:first').attr('src', response.posts[0]['regular-body']); 

に行くのに役立ちます.posts [0]はHTMLではなく文字列です。だからあなたはそれに "find"を使うことはできません。イメージソースを抽出するには、正規表現またはindexOfに移動する必要があります。

Answer 2

regular-bodyは、このように、DOMセレクタが動作しない、単なる文字列..です はあなたが初心者のために、同じ値を持つ2つのidを持つべきではない

$(response.posts[0]['regular-body']).find('img.main')[0].attr('src')