Google Feed API を使用して、RSS フィードから 4 つのアイテムを取得しています。リストの最後の項目 (4 番目) を最初の 3 項目とは異なるスタイルにしたいと考えています。簡単な方法があるに違いないようですが、私にはそれがわかりません。これが私が持っているものです:
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("http://the-url-of-my-feed");
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("joes-teaser");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var li = document.createElement("li");
li.innerHTML = '<a href="' + entry.link + '" target="_blank">'
+ entry.title + '<span>More »</span></a>';
container.appendChild(li);
}
}
});
}
google.setOnLoadCallback(initialize);
これで 4 つの li 項目の素敵なリストが得られますが、最後に、そして最後の項目だけに、他の何か (joes-teaser-last など) の css id を持たせたいと考えています。