如何使用Jquery限制XML feed中返回的項目？

Question

我無法控制返回的XML供稿，，所以我想知道如何限制返回的項目數量。

我需要幫助構建for循環，假設這是我的目標的最佳方法。

目前，我的代碼如下所示：

HTML：

<div id="results"></div> 

AJAX GET請求，PHP文件，XML轉換爲字符串：

$.get('mydomainhere/feed.php', {}, showPosts); 

function showPosts(data){ 
    var posts = $(data).find('channel>item'); 
    var str = "<ul>"; 
     $.each(posts,function(index,value){ 
      var title = $(value).find('title').text(); 
      var description = $(value).find('description').text(); 
      str+= "<li>"; 
      str+= "<div>"; 
      str+= "<h3>" + title + "</h3>"; 
      str+= "<p>" + description + "</p>"; 
      str+= "</div>"; 
      str+= "</li>"; 
     }); 

    str+= "</ul>"; 
    $('#results').html(str); 
}; 

的PHP文件飼料：

<?php $feedData = file_get_contents('xml-test.xml'); echo $feedData; ?> 

Answer 1

試試：

function showPosts(data){ 
    var limit = 10; 
    var posts = $(data).find('channel>item'); 
    var str = "<ul>"; 
     $.each(posts,function(index,value){ 
      if(index >= limit) { return false; } 
      var title = $(value).find('title').text(); 
      var description = $(value).find('description').text(); 
      str+= "<li>"; 
      str+= "<div>"; 
      str+= "<h3>" + title + "</h3>"; 
      str+= "<p>" + description + "</p>"; 
      str+= "</div>"; 
      str+= "</li>"; 
     }); 

    str+= "</ul>"; 
    $('#results').html(str); 
};