javascript - 样式提要条目列表中的最后一项（谷歌提要 api）

Question

我正在使用 Google Feed API 从 RSS 提要中提取四个项目。我想将列表中最后一项（第四项）的样式与前三个不同。似乎必须有一个简单的方法 - 但我似乎无法弄清楚。这是我所拥有的：

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);

这给了我一个很好的四个 li 项目的列表，但我希望最后一个，也只有最后一个，有一个其他东西的 css id——也许是 joes-teaser-last 或其他什么。

Answer 1

在您的循环中，您可以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);
}