最大を設定すると、私はRSSフィードからアイテムを取得するために、次のコードを持っているjQueryを使って各機能

Question

を数える：

function loadData() 
    { 
     $(xml).find("item").each(function() 
     { 
      var title = $(this).find("title").text(); 
      var description = $(this).find("description").text(); 
      var linkUrl = $(this).find("guid").text(); 
      var link = "<br/>" + "<a href='" + linkUrl + "'class='rssLink button-color' target='_blank'>Read More</a>"; 
      //$('#feedContainer').append('<article id=' + "'rss-item'>" + '<h3>' + title + '</h3><p>' + description + link + '</p>'); 
      $('#feedContainer').append('<article id=' + "'rss-item'>" + '<h3><a href="' + linkUrl + '">' + title + '</a></h3><p>' + description + '</p>'); 
     }); 
    } 

問題は、しかし、フィードがあまりにも長いということであると私はどのように確認していません私はアイテムの一定量だけを表示することができます。表示するアイテムの最大数を設定するにはどうすればよいですか？

Answer 1

は、カウンタを使用してみてください：

var max = 100; 
$(xml).find("item").each(function (i) { 
    // i --> zero based counter 
    if (i < max) { 
     // Do your stuff 
    } else { 
    return false; 
    } 
}); 

例

var max = 5; 
 
$('li').each(function(i) { 
 
    if (i < max) { 
 
    $(this).css('color', 'red'); 
 
    } else { 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
</ul>

Answer 2

あなたはあなたが反復処理回数を減らすために、それをスライスしてみてください。

$(xml).find("item").slice(0, 50).each(function() {...