Grow your CSS skills. Land your dream job.

Reading RSS with JQuery

  • # January 16, 2013 at 5:07 pm

    I have an RSS feed that I want to read using JQuery and take the data and populate a list with. Can anyone give me a shove in the right direction?

    # January 16, 2013 at 5:16 pm

    Maybe check out the [jQuery Google Feed Plugin](http://jquery.malsup.com/gfeed/) (you don’t need an API key anymore)

    # January 16, 2013 at 5:36 pm

    That didn’t really cover what I was needing.

    The RSS feed that I’m trying to read into a UL is structured like this.















    # January 16, 2013 at 5:37 pm




















    # January 25, 2013 at 10:00 am

    Anyone have any suggestions?

    # January 25, 2013 at 7:58 pm

    RSS is just XML, so you should be able to use [jQuery’s XML capabilities (`$.parseXML()`)](http://api.jquery.com/jQuery.parseXML/).

    Then you can navigate it just as you would any other DOM.

    # January 28, 2013 at 9:48 am

    The link you provided just shows it outputing XML. I need it to read an RSS feed and have it populate a UL.

    # January 28, 2013 at 9:58 am

    Would you consider using php to do this?

    # January 28, 2013 at 11:18 am

    I can’t use PHP. My network admin does not allow PHP.

    # January 28, 2013 at 1:30 pm

    You can do it with `$.parseXML()`.

    Example:

    $.ajax(“rss_url”, function(rss) {

    xml = $.parseXML(rss);
    $(xml).find(“item title”).each(function() {

    $(“ul”).append($(“

  • “, {html: $(this).html()}));

    });
    });

# January 30, 2013 at 11:55 am

So I finally got it to work but I used a little different code.


< !DOCTYPE html>









    I can’t get the styling of my UL elements correct. I want each LI to have a hyperlink wrapped around the title followed by the date it was published without the link wrapped around it.

    # January 30, 2013 at 2:04 pm

    Never mind, I caught my mistake. I was escaping the hyperlink to early.

    Viewing 12 posts - 1 through 12 (of 12 total)

    You must be logged in to reply to this topic.

    *May or may not contain any actual "CSS" or "Tricks".