jQueryを使ってページ内に簡単にRSSの一覧を表示するサンプル。
<head>内にjqueryを読み込んだあとに以下のコードを記載。
今回はページ読み込み時ではなくボタンなどを押すと表示されるようにしたものです。
RSSはTwitterのログ。
以下サンプルコード
$(document).ready(function () {
$(“.xmlrss”).click(xmlrss);
});
function xmlrss(){
$.ajax({
type: “GET”,
url: “RSSのURL”,
dataType: “xml”,
success: xmlP
});
};
function xmlP(xml) {
$(“item”,xml).each(function (i) {
$(“表示したいクラスもしくはID名”).append(‘<a href=”‘+$(this).find(” target=”_blank”>’ + $(this).find(“title”).text() + ‘</a>’);
return(i!=5);
});
}
のような形で表示件数は return(i!=5); の数値で設定。
