RSS用Javascript関数JSON正しいプロフィール画像が表示されない

Question

このjavascript機能を使用してこのサイトの投稿ごとにプロフィール写真（https://medium.com/@femalefounderssg）を取得したかったのですが、正しい写真が得られません。適切な写真を手に入れるために私のコードを変更してください。ありがとうございました。ここにコードがあります。

$(function() { 
var $content = $('#jsonContent'); 
var data = { 
    rss_url: 'https://medium.com/feed/@femalefounderssg' 
}; 
$.get('https://api.rss2json.com/v1/api.json', data, function (response) { 
    if (response.status == 'ok') { 
     var output = ''; 
     $.each(response.items, function (k, item) { 
      var visibleSm; 
      if(k < 3){ 
       visibleSm = ''; 
      } else { 
       visibleSm = ' visible-sm'; 
      } 
      output += '<div class="col-sm-6 col-md-4' + visibleSm + '">'; 
      output += '<div class="blog-post"><header>'; 
      output += '<h4 class="date">' + $.format.date(item.pubDate, "dd<br>MMM") + "</h4>"; 
      var tagIndex = item.description.indexOf('<img'); // Find where the img tag starts 
      var srcIndex = item.description.substring(tagIndex).indexOf('src=') + tagIndex; // Find where the src attribute starts 
      var srcStart = srcIndex + 5; // Find where the actual image URL starts; 5 for the length of 'src="' 
      var srcEnd = item.description.substring(srcStart).indexOf('"') + srcStart; // Find where the URL ends 
      var src = item.description.substring(srcStart, srcEnd); // Extract just the URL 
      output += '<div class="blog-element"><img class="img-responsive" src="' + src + '" width="360px" height="240px"></div></header>'; 
      output += '<div class="blog-content"><h4><a href="'+ item.link + '">' + item.title + '</a></h4>'; 
      output += '<div class="post-meta"><span>By ' + item.author + '</span></div>'; 
      var yourString = item.description.replace(/<img[^>]*>/g,""); //replace with your string. 
      var maxLength = 120 // maximum number of characters to extract 
      //trim the string to the maximum length 
      var trimmedString = yourString.substr(0, maxLength); 
      //re-trim if we are in the middle of a word 
      trimmedString = trimmedString.substr(0, Math.min(trimmedString.length, trimmedString.lastIndexOf(" "))) 
      output += '<p>' + trimmedString + '...</p>'; 
      output += '</div></div></div>'; 
      return k < 3; 
     }); 
     $content.html(output); 
    } 
    }); 
}); 

現在のプロファイル出力：

目的のプロファイル出力：

Answer 1

あなたは間違ったイメージBECAを取得しています<imgを検索すると最初の結果を使用します。indexは著者の画像です。あなたが最初の結果をスキップして第二1を取得する必要があります

：

Finding second occurrence of a substring in a string in Javaを[それはJavaのですが、コンセプトが残っ]

var tagIndex = item.description.indexOf('<img', item.description.indexOf('<img') + 1); 

String#indexOfは "たfromIndex" として第2引数をサポートしています。 最初の結果のインデックスに1を加算すると、最初の<imgが一致しないことが確認され、2番目の結果は<imgになります。

---

簡体JSFiddle：https://jsfiddle.net/yuriy636/03n1hffh/