使用jQuery创建/显示数组结果_Jquery_Arrays_Jquery Plugins_Rss

使用jQuery创建/显示数组结果

jquery arrays jquery-plugins rss

使用jQuery创建/显示数组结果,jquery,arrays,jquery-plugins,rss,Jquery,Arrays,Jquery Plugins,Rss,我目前正在开发一个web应用程序，并使用jGFeed从我的博客中获取RSS提要。（最终，我将使用jQTouch来构建UI。）我能够获取我需要的内容，现在我只需要做下一步我需要做的是，首先，显示链接列表。这些链接是每个条目的标题。当用户单击此链接时，将显示此特定条目的内容供用户阅读我在这方面没有太多的经验，所以我很自豪能做到这一点。但是现在我需要将它提升到一个新的层次，并且可以在使用数组以及在jQuery中实现这些方面提供一些指导。如有任何建议或示例，将不胜感激这是我的密码： <htm

我目前正在开发一个web应用程序，并使用jGFeed从我的博客中获取RSS提要。（最终，我将使用jQTouch来构建UI。）我能够获取我需要的内容，现在我只需要做下一步

我需要做的是，首先，显示链接列表。这些链接是每个条目的标题。当用户单击此链接时，将显示此特定条目的内容供用户阅读

我在这方面没有太多的经验，所以我很自豪能做到这一点。但是现在我需要将它提升到一个新的层次，并且可以在使用数组以及在jQuery中实现这些方面提供一些指导。如有任何建议或示例，将不胜感激

这是我的密码：

<html>
<head> 
<title>TEST APP</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jquery.jgfeed-min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

    $.jGFeed('http://feeds.feedburner.com/solidverbal/clickchorus/app', function(feeds){
        // Check for errors
        if(!feeds){
        // there was an error
        return false;
        }
        // do whatever you want with feeds here
        var title = "";
        var content = "";
        for(var i=0; i<feeds.entries.length; i++){
            var entry = feeds.entries[i];
            // Entry title
            title = title + "<li id=\"title\"" + i + ">" + entry.title + "</li>";
            // Entry content
            content = content + "<li id=\"content\"" + i + ">" + entry.content + "</li>";
        }
        $("#results_titles").html("<ul>" + title + "</ul>");
        $("#results_content").html("<ul>" + content + "</ul>");

    }, 10);
});
</script>

</head> 
<body> 

<div id="results_titles">LOADING</div>
<div id="results_content">LOADING</div>
</body>
</html>


测试应用程序
$（文档）.ready（函数（）{
$.jGFeed（'http://feeds.feedburner.com/solidverbal/clickchorus/app，函数（提要）{
//检查错误
如果（！feed）{
//有一个错误
返回false；
}
//你想在这里用feed做什么都行
var title=“”；
var-content=“”；
对于（var i=0；i，据我所知，您希望在数组中存储这些feed.entries，即使它们已经在数组中。feed.entries是您想要的数组。因此feed.entries[0]。title是您需要的标题，feed.entries[0]。为内容添加内容。请尝试执行以下操作：
//Create the <ul><li><a></a></li></ul> structure links
var sAnchors='<ul>';
for(var i=0; i<feeds.entries.length; i++){
   var sAnchors += "<li><a href='#link' id='title_"+i+"' class='giveFeeds'>feeds.entries[i].title</a></li>";
}
sAnchors += '</ul>';

//Append the <a>.
$('#results_titles').append(sAnchors);

//When the user clicks on the giveFeeds link....
$('.giveFeeds').live('click', function(e) {
//Get the feed number
var tmpId = $(e.target).attr('id');
//Returns the value after the '_' char and make sure it returns de number.
var id = parseInt(tmpId.split('_')[1]);
//Use the id value to get the desired feed
var wantedFeed = feeds.entries[id].content;
//Then do whatever you want with that entry
... 
});

//创建
”；
}
sAnchors+=''；
//附加。
$（'results_titles'）。追加（sAnchors）；
//当用户单击giveFeeds链接时。。。。
$（'.giveFeeds'）.live（'click'，函数（e）{
//获取提要编号
var tmpId=$（e.target）.attr（'id'）；
//返回“uu”字符后面的值，并确保它返回de number。
var id=parseInt（tmpId.split（“”“）[1]）；
//使用id值获取所需的提要
var wantedFeed=feed.entries[id].content；
//然后对该条目执行任何操作
... 
});

由于希望feeds.entries等变量是全局的，因此您可能会遇到一些问题。我建议您在“for”循环（sDivs='“+feeds.entries[I].content+”“；）中单独附加所有feed。这样，您只需使用id-var（var-id=parseInt（…）即可知道要显示的内容（$（“#content'+id）.show（））.最后，您可能希望选择添加一些动画以使其更有趣（slideUp、slideDown、animate）通过网络查看这些方法。
我不确定我是否了解您需要帮助解决的问题。您能否更具体地说明下一步需要发生什么，或者需要修复什么？顺便说一下，这不是经过测试的。我假设您可以调试我可能犯的任何错误。谢谢！我会尝试一下。我已经尝试过了……这绝对完美！非常感谢。