Jqueryを使用してXMLフィードで返されるアイテムを制限する方法は？

Question

返されたXMLフィードを制御できないので、返されたアイテムの量をどのように制限できるのだろうと思っていました。

をループに設定すると、私の目標に最も適した方法であると仮定して助けが必要です。

HTML：：

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

AJAX文字列にXMLを変換するPHPファイルへのリクエストを取得します。

$.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); 
};