Jquery 我有一个循环,希望使用ajax将该类添加到最后4个元素中

Jquery 我有一个循环,希望使用ajax将该类添加到最后4个元素中,jquery,html,ajax,Jquery,Html,Ajax,我想用第n个子元素选择最后4个元素。有没有办法做到这一点 function(data){ var output; var html = ""; $.each(data.items, function(i, item){ videoTitle = item.snippet.title; videoId = item.snippet.resourceId.videoId; console.log(i); html += "<div id=

我想用第n个子元素选择最后4个元素。有没有办法做到这一点

function(data){
    var output;
    var html = "";
    $.each(data.items, function(i, item){
    videoTitle = item.snippet.title;
    videoId = item.snippet.resourceId.videoId;
    console.log(i);
    html += "<div id=\"video\" class=\"col-xs-12 col-sm-6 link-js\">\n" +
                  "         <iframe width=\"100%\" src=\"http://www.youtube.com/embed/"+videoId+"\"></iframe>\n" +
        "    </div>"
});
$('#youtube-v3').append(html);
}

首先,您需要从创建的HTML中删除id属性,因为创建的重复项无效。id在DOM中必须是唯一的。把它改成一个类

然后,您可以使用slice在循环外部实现所需的功能。通过使用map从data.items数组创建HTML并只调用append一次,还可以简化代码并提高性能

函数数据{ var html=data.items.mapitem=>`; $'youtube-v3'。追加HTML; var$lastVideos=$'.video'.slice-4; //对这里的最后4个视频做些什么。。。 }
首先,您需要从创建的HTML中删除id属性,因为创建的重复项无效。id在DOM中必须是唯一的。把它改成一个类

然后,您可以使用slice在循环外部实现所需的功能。通过使用map从data.items数组创建HTML并只调用append一次,还可以简化代码并提高性能

函数数据{ var html=data.items.mapitem=>`; $'youtube-v3'。追加HTML; var$lastVideos=$'.video'.slice-4; //对这里的最后4个视频做些什么。。。 }
由于您已经在使用循环,请将循环中的索引与数组的长度进行比较,然后可以检查索引>=4。 使用此选项,仅当索引>=4时才添加所需的类,这仅适用于第四个元素之后的元素,即第五、第六、第七、第八个元素


PS:删除HTML标记上的相同id。

由于您已经在使用循环,请将循环中的索引与数组的长度进行比较,然后检查索引>=4。 使用此选项,仅当索引>=4时才添加所需的类,这仅适用于第四个元素之后的元素,即第五、第六、第七、第八个元素


PS:删除HTML标记上的相同id。

我的循环由8个元素组成。我的循环由8个元素组成