Get a free trial // Grow your CSS skills // Land your dream job

Reading RSS with JQuery

  • TWG
    # 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]( (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()`)](

    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()`.


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

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


  • “, {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.

    There's a whole bunch of content on CSS-Tricks.

    Search for Stuff   •   Browse the Archives

    Get the Newsletter ... or get the RSS feed