(function( twitter, $, undefined ) { var _selection; twitter.init = function( $selection ) { _selection = $selection; }; twitter.displayTweets = function( tweets ) { var $list = $( "<ul/ >" ); $.each( tweets || {}, function( index, tweet ) { var html = "<i>" + moment( tweet.created_at ).fromNow() + "</i>: "; html += "<b>" + tweet.user.name + "</b> - "; html += tweet.text; html += tweet.retweeted ? " <i class='icon-repeat'></i>" : ""; html += tweet.favorited ? " <i class='icon-star'></i>" : ""; $( "<li />", { html: html }).appendTo( $list ); }); _selection.empty().append( $list.children() ); }; }( window.twitter = window.twitter || {}, jQuery )); var tweets = [ { id: 0, created_at: "Mon Apr 11 8:00:00 +0000 2013", text: "Test Tweet 1", favorited: false, retweeted: false, user: { name: "User 1" } }, { id: 1, created_at: "Mon Apr 11 9:00:00 +0000 2013", text: "Test Tweet 2", favorited: true, retweeted: true, user: { name: "User 2" } }, { id: 2, created_at: "Mon Apr 11 10:00:00 +0000 2013", text: "Test Tweet 3", favorited: false, retweeted: true, user: { name: "User 3" } }, { id: 3, created_at: "Mon Apr 11 11:00:00 +0000 2013", text: "Test Tweet 4", favorited: true, retweeted: false, user: { name: "User 4" } }, { id: 4, created_at: "Mon Apr 11 12:00:00 +0000 2013", text: "Test Tweet 5", favorited: true, retweeted: true, user: { name: "User 5" } } ]; $( document ).ready( function() { twitter.init( $( ".tweets" ) ); twitter.displayTweets( tweets ); });
<div class="tweets"></div>