解析提要网址错误答案

【问题标题】：parse feed url error解析提要网址错误
【发布时间】：2012-10-27 05:18:19
【问题描述】：

我正在解析 rss 提要并显示它，但它只显示一条记录。我正在使用以下 javascript。请告诉我如何在一个 div 中显示所有记录？

  <script type="text/javascript">
$(document).ready(function () {
  $.get("http://www.footballfriendsonline.com/blogs/rss.xml", function (data) {
  $(data).find('item').each(function(i){
   var title = $(this).find('title').text();
    var container=$(this).find('description').text();
     var img_url = $('img',container).attr('src');
     var url=$(this).find('link').text();

   var result='<li><a href="'+url+'" target="_blank"><span>'+title+'</span><span><img src="'+img_url+'" width="154" height="115"></span></li>';
 $("#new_widget").html(result);
  });
   });
  });
   </script>
   <div id="new_widget"></div>

【问题讨论】：

标签： javascript jquery xml xml-parsing

【解决方案1】：

使用append 代替html

html 清除 div 的前一个 html 这就是为什么你会得到最后一个提要

喜欢这个

$("#new_widget").append(result);

而不是

$("#new_widget").html(result);

【讨论】：

【解决方案2】：

您似乎通过在 $.each 循环内调用它来覆盖您的 html...您需要在循环外调用它..

$("#new_widget").html(result);

试试这段代码

$(document).ready(function() {
    $.get("http://www.footballfriendsonline.com/blogs/rss.xml", function(data) {
        var result = '';
        $(data).find('item').each(function(i) {
            var title = $(this).find('title').text();
            var container = $(this).find('description').text();
            var img_url = $('img', container).attr('src');
            var url = $(this).find('link').text();

            result += '<li><a href="' + url + '" target="_blank"><span>' + title + '</span><span><img src="' + img_url + '" width="154" height="115"></span></li>';

        });
        $("#new_widget").html(result);
    });
});

【讨论】：

【解决方案3】：

您的脚本有两个问题。首先，每个循环结果都会覆盖前一个。其次，您将 li 元素附加到 div，而您应该将它们附加到 ol 或 ul 元素。

例如：

<script type="text/javascript">
var result="";
$(document).ready(function () {
$.get("http://www.footballfriendsonline.com/blogs/rss.xml", function (data) {
$(data).find('item').each(function(i){
...
result+='<li><a href="'+url+'" target="_blank"><span>'+title+'</span><span><img src="'+img_url+'" width="154" height="115"></span></li>';
});
$("#new_widget").html(result);
});
});
</script>
<ul id="new_widget"></ul>

【讨论】：