0

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 &raquo;</span></a>';
                container.appendChild(li);
            }
        }
    });
}
google.setOnLoadCallback(initialize);

これで 4 つの li 項目の素敵なリストが得られますが、最後に、そして最後の項目だけに、他の何か (joes-teaser-last など) の css id を持たせたいと考えています。

4

1 に答える 1

0

ループ内iで、エントリの長さと比較することにより、が最後のものであるかどうかを確認できます。

for (var i = 0; i < result.feed.entries.length; i++) {
    var entry = result.feed.entries[i];

    var li = document.createElement("li");
    if (i == result.feed.entries.length - 1) {
        li.className = "lastLi";
    }
    li.innerHTML = '<a href="' + entry.link + '" target="_blank">' + entry.title + '<span>More &raquo;</span></a>';
    container.appendChild(li);
}
于 2013-01-18T18:46:42.653 に答える