設定最高使用jQuery統計每個功能

Question

我有以下代碼檢索從RSS項目：

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() {...