WPのフィードをｊQueryで表示する（途中で断念）

お題：

• 同ドメイン内で、jQueryを使用してWPのフィードを取得、静的ファイル(HTML)で一覧表示させる
• 日付、カテゴリ、記事内容を表示させる
• 「Google AJAX Feed API」を使わずやってみる

仕様：
　HTML5＋CSS3+jQuery

参考サイト：

• 第18回　jQueryでAJAX入門：RSSをAJAXで取得してリストに表示する

結果＆感想：

• ＜dd＞に記事の内容を全部表示させたいけど、取得する変数がわからなかった（"$content[1],encoded"　で取得はできた）
• ＜time＞に’datetime’を入れたかったけど・・・
• カテゴリは、複数ある場合の表示が・・・
• （基礎を完全に理解できていない、まだまだ時間がかかりそう）

(function($){

    $.fn.extend({

        rss2render: function(options) {

            var self = $(this),

                c = $.extend({ url:null, number:10 },options || {});

            if( !c.url ) { return false; }

            self.append( 'loading...', '
' );

            

            // RSSの取得

            $.ajax({

                dataType: 'xml',

                url: c.url,

                success: function(data) {

                    $('#loading', self).remove();

                    if( $('item', data).length<1 ) { $('ul', self).append('記事がありません'); return false; }

                    $('item', data).each(function(i) {

                        if( i > (c.number - 1) ) { return false; }

                        var item = $(this);

			var dateStr1 = dateFormat(item.find('pubDate').text(), 1);

			var dateStr2 = dateFormat(item.find('pubDate').text(), 2);

                        $('dl', self).append(

				$('
').addClass("classname").append( $('').text(dateStr1) ),

				$('
', { text: $("$content[1],encoded", item).text() })

                        );

                    });

                },

		error: function() {

                    $('#loading', self).remove(); 

                    self.append('フィードの読み込みが出来ませんでした。' );

		} 

            });

        }

    });

})(jQuery);
function dateFormat(publishedDate,num){

  var f_date = new Date(publishedDate);

  var myday = f_date.getDate();

  var mymonth = f_date.getMonth() + 1;

  var myyear = f_date.getFullYear();

  var myhour = f_date.getHours();

  var myminute = f_date.getMinutes();

  var mysecond = f_date.getSeconds();

	if( num==1 ) { var format_date = mymonth + "月" + myday + "日" ; }

	if( num==2 ) { var format_date = myyear + '-' + mymonth + '-' + myday; }

  return format_date;

}
jQuery(function($){

    $('#feedBlock').rss2render({

        url: 'index.xml',

        number: 5

    });

});