twitterCallbackをhackする

jQueryの練習がてら、twitterのブログツールで使われてるtwitterCallbackをhackしてみた。

function twitterCallback3(obj) {
        var twitters = obj;
        var username = "";
        for (var i=0; i<twitters.length; i++) {
                username = twitters[i].user.screen_name;
                $('#twitter_update_list').append(
                $('<li></li>').html($('<span></span>').html(twitters[i].text))
                              .append(' ')
                              .append(
                $('<a></a>').html(relative_time(twitters[i].created_at))
                            .css('font-size','85%')
                            .attr('href','http://twitter.com/'+username+'/statuses/'+twitters[i].id))
                ).fadeIn('fast');
        }
}

やってることはtwitterCallback2と変わらないけど、なるだけ$()オブジェクトで処理するようにしてみた。
新しくDOM要素を追加するときは

$('<li></li>');
$('<a></a>');

とか書くのがミソ。常識なのかな？