JSFiddle - React, Tailwind, and code Playground

by robert_schutt

HTML

<h2>News & Events</h2>

<ul id="security-news"></ul>

CSS

ul {
    border: 1px solid green;
}

JavaScript

// EE Q_28200968

//$.get('News.xml', function (data) {
    var newsfeed = [];

    //temp fill
    newsfeed[0] = {};
    newsfeed[0]['Headline'] = 'Test2!';
    newsfeed[0]['NewsID'] = '123';
    newsfeed[1] = {};
    newsfeed[1]['Headline'] = 'Test1!';
    newsfeed[1]['NewsID'] = '124';
    //end temp

    /*
    $(data).find('News').each(function(index){
        var news = this;
        newsfeed[index] = {};
        var children = $(this).find('*');
        $(this).find('*').each(function(i, item) {
            newsfeed[index][this.nodeName] = $(news).find(this.nodeName).html();
        });
    });
    */
    newsfeed.sort(sortnews);
    var html = "";
    $.each(newsfeed, function (index) {
        html += "<li>" + this.Headline + "... <a href='/News_and_Events/NewsDetail.aspx?newsID=" + this.NewsID + "'>read more</a>";
        if (index >= 1) return false;
    });
    $('#security-news').html(html);
//});

// added
function sortnews(a, b) {
    var sorta = a.Headline.toLowerCase(),
        sortb = b.Headline.toLowerCase();
    return sorta < sortb ? -1 : sorta > sortb ? 1 : 0;
}