Question

我正在为我的网站开发我的codepen rss feed。我有一个限制结果的小问题。

目前在RSS Feed中显示超过10个结果。但我想知道将结果限制为5的最佳方法

问题：我怎样才能将我的RSS Feed的结果限制为5。

<script type="text/javascript">
$(document).ready(function(){
    url = 'http://codepen.io/riwakawebsitedesigns/public/feed/';
    $.ajax({
        type: "GET",
        url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q=' + encodeURIComponent(url),
        dataType: 'json',
        error: function(){
            alert('Unable to load feed, Incorrect path or invalid feed');
        },
        success: function(xml){
            var postlist = xml.responseData.feed.entries;
            var html = '<ul class="list-unstyled">';
            $.each(postlist, function(idx, data) {

                html += '<li>';
                html += '<h3 class="codepen_feed_title">' + data.title + '</h3>';
                html += '<a href="' + data.link + '" target="_blank">';           
                html += '<span class="codepen_feed_content">Click Here To View It!</div>';
                html += '</a>';
                html += '</li>';
            });
            html += '</ul>';
            $(".codepen_feed").append(html);
        }
    });
}); 
</script>

Answer 1

为每个循环使用返回值

$.each(postlist, function(idx, data) {
       var title = data.title;

       html += '<li>';
       html += '<h3 class="codepen_feed_title">' + data.title + '</h3>';
       html += '<a href="' + data.link + '" target="_blank">';           
       html += '<span class="codepen_feed_content">Click Here To View It!</div>';
       html += '</a>';
       html += '</li>';
       return idx < 4;
 });

如何限制codepen rss feed的结果

1 个答案: