mersy’s lab

mersy’s lab – RSSをパースしてごにょごにょ、その２
http://wp.mersy.jp/?p=409

の続き。

とりあえず前回ので新着表示、という文言を消したので、表示件数を制御する。
なんとなく解答的なものは聞いてたからあれですが。

eachに引数をあたえるかfor文にするか、ということで。
とりあえずは引数を与える。
ソースはこんな感じ。

[javascript]
$(document).ready(function(){
$(’#entrylist’).empty();
$(’

‘).appendTo(’#entrylist’);
$.get(”http://wp.mersy.jp/?feed=atom”, function(data){
$(’entry’, data).each(function(i) {
if(i==10) return false;
var title = $(’title’, this).text();
var date = $(’published’,this).text();
var url = $(’link’, this).attr(”href”);
$(’

‘).html(’‘+date+’ ‘+title+’‘).appendTo(’#entrylist ul’);
});
});
});
[/javascript]

rewさんが色々教えてくれた。
if(i==10) return false;
コールバック関数はfalseをかえさないと関数を抜けられない（終わらない）

Returning ‘false’ from within the each function completely stops the loop through all of the elements (this is like using a ‘break’ with a normal loop). Returning ‘true’ from within the loop skips to the next iteration (this is like using a ‘continue’ with a normal loop).

Core/each – jQuery JavaScript Library
http://docs.jquery.com/Core/each

とのことで。
このあたりの話は、jQueryのDev版をチェックすればＯＫということで。

jQuery: The Write Less, Do More, JavaScript Library
http://jquery.com/

でdevelopmentにチェックをいれてダウンロードして、671行目あたりにeach文の話は書いてありました。

each(callback)

呼び出した関数 (each) の中で呼び出される関数の事です！

なるほど。ありがとうございます。

残りの課題

• 読み込みがおそい。キャッシュかなにか。
• 日付の表示を変える
• for文で作る
• 表示数を調整出来ない