Question

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

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 »</span></a>'; container.appendChild(li); }是否是最后一个。

{{1}}

样式列表中的样式最后一项（google feed api）

1 个答案: