Javascript 在使用jquery追加了从数据库获得的5个结果之后，如何追加div？

我想在这个jquery代码的每五个结果后面追加一个div

$.each(employees, function(index, employee) {
            $('#employeeList').append('<li>'+
                    '<img src="js/citybus.png" class="list-icon"/>' +
                    '<p class="line1">' + employee.firstName + '</p>' +
                    '<p class="line2">' + difference +'</p>' +
                    '<center><button onclick="setReminderClose();" id="reminderSetBox">Reminder Has Been Set</button></center>' +
                    '<button data-diff="' + hoursMin + '" data-name="' + employee.firstName + '" class="bubble" onclick="setReminder(this);">' + '<center><img src="js/bell.png" style="height:15px;width:15px;"/></center>' + '</button></li>');

        });
        setTimeout(function(){
            scroll.refresh();
        });
    });

$。每个（员工，职能部门（索引，员工）{
$（'employeeList'）。追加（'li>'+
'' +
“
”+employee.firstName+”
'+
“
”+差异+”
'+
“已设置提醒”+
“+”+”）；
});
setTimeout（函数（）{
scroll.refresh（）；
});
});

您可以检查索引的值，如果

索引%5===0

，然后添加一个新的

div

您可以通过编写if-else条件检查来完成

employees=[
{“firstName”：“Fname1”，“lastname”：“lastname2”}，
{“firstName”：“Fanme2”，“lastname”：“lastname2”}，
{“firstName”：“Fname3”，“lastname”：“lastname2”}，
{“firstName”：“Fname4”，“lastname”：“lastname4”}，
{“firstName”：“Fname5”，“lastname”：“lastname5”}，
{“firstName”：“Fname6”，“lastname”：“lastname6”}，
];
$。每个（员工，职能部门（索引，员工）{
如果（索引>0&（索引+1）%5==0）{
$（'employeeList'）。追加（'li>'+
“
”+employee.firstName+”
'+
“
”+employee.lastname+”
'+
“”）；
}否则{
$（'employeeList'）。追加（'li>'+
“
”+employee.firstName+”
'+
“
”+employee.lastname+”
'+
“”）；
}
});

.green{
背景颜色：绿色；
}

索引和索引%5===0

以避免在0边注释上追加内容；出于性能原因，我建议您将所有html附加到单个字符串，或者将lis映射到数组，并将字符串或数组附加到最末尾。您接触DOM的次数越少，它进行所有回流和重画的次数就越少。