使用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>');
        });
    }

然而，问题是Feed过长，我不知道如何才能显示一定数量的项目。如何设置要显示的最大项目数？

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