解析供稿网址错误

我正在解析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>

来源

2012-10-27 user1734190

你似乎通过调用这个$。每个循环中被重写你的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); 
    }); 
});

来源

2012-10-27 05:23:05

这是工作谢谢 – user1734190

appendhtml

html明确div的前面HTML，这就是为什么你会得到最后一个进料

这样

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

代替

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

来源

2012-10-27 05:19:55 rahul

你的脚本有两个问题。首先，每个循环结果都覆盖前一个结果。其次，您将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>

来源

2012-10-27 05:32:35 Christophe

解析供稿网址错误

回答

相关问题