Einstellen ein max mit jquery zählt jede Funktion

Question

Ich habe den folgenden Code Elemente aus einem RSS-Feed abrufen:

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

Das Problem ist jedoch, dass das Futter viel zu lang ist, und ich bin nicht sicher, wie Ich kann nur eine bestimmte Anzahl von Elementen anzeigen. Wie kann ich die maximale Anzahl der anzuzeigenden Elemente festlegen?

Answer 1

Versuchen unter Verwendung eines Zählers:

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

Beispiel

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

Sie es die Zahl über dem Iterieren reduzieren könnten versuchen, schneiden.

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