テーブルw/jQueryのimg src＆ 'star rating'カラムのセレクタを取得しようとしています

Question

javascript/jQueryを実行して、以下のフォーマットのテーブルからデータを抜き取ろうとしています。

a）ロゴ列（最初の列） - 画像ソース '/ static/FIFA16/images/crest/50/light'などのデータソースを取得しようとしています。 /21.png ' b）「星の評価」列（最後の列）には、数量の評価はありませんが、以下に示す形式のタグがあります。

私はこのデータを結果配列にプッシュしています - 画像のsrcからどのようにロゴを取得するのか、誰かがタグを数えて最後のタグに 'half ' その中で？

<table class="table table-striped teams"> 
<thead> 
    <tr> 
     <th class="logo">Logo</th> 
     <th class="name">Name</th> 
     <th class="league">League</th> 
     <th class="starrating">Team Rating</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td><a href="/team/21/fc-bayern/" title="FC Bayern"><img alt="FC Bayern" class="team small" src="/static/FIFA16/images/crest/50/light/21.png" title="FC Bayern"/></a></td> 
     <td data-title="Name"><a href="/team/21/fc-bayern/" title="FC Bayern">FC Bayern</a></td> 
     <td data-title="League"><a href="/teams/?league=19" title="Bundesliga">Bundesliga</a></td> 
     <td data-title="Team Rating"> 
      <span class="star"> 
      <i class="fa fa-star fa-lg"></i> 
      <i class="fa fa-star fa-lg"></i> 
      <i class="fa fa-star fa-lg"></i> 
      <i class="fa fa-star fa-lg"></i> 
      <i class="fa fa-star-half-o fa-lg"></i> 
      </span> 
     </td> 
    </tr> 
..... more rows... 
</tbody> 
</table> 

マイjQueryのコード..

$(".table-striped tr").each(function() { 
    var $tds = $(this).find('td'), 
     icon = $tds.eq(0).text() 
     club = $tds.eq(1).text(), 
     league = $tds.eq(2).text(), 
     rating = $tds.eq(3).text, 

    result.push({ 
     icon : icon, 
     club : club, 
     league : league, 
     rating : rating 
    }); 
}); 
return result; 
} 

Answer 1

まずヘッダがループされないように（必要がないため）、Iは、$(".table-striped tbody tr")にセレクタを変更することをお勧めします。

その後

icon = $tds.eq(0).find('img').attr('src'), 
... 
rating = $tds.eq(3).find('i:first').attr('class'); 

に

icon = $tds.eq(0).text() 
... 
rating = $tds.eq(3).text, 

を変更私は、それによってratingが最初iのクラス名になる必要があることを前提としています。あなたの例では、結果はfa fa-star fa-lg