使用jquery从数据库中获得5个结果后,如何附加div?]
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jquery从数据库中获得5个结果后,如何附加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();
});
});
我想在此jquery代码的每五个结果后追加一个div。 $ .each(employees,function(index,employee){$('#employeeList')。append(''+'
employees = [
{ "firstName": "Fname1", "lastnName": "lastnName2" },
{ "firstName": "Fanme2", "lastnName": "lastnName2" },
{ "firstName": "Fname3", "lastnName": "lastnName2" },
{ "firstName": "Fname4", "lastnName": "lastnName4" },
{ "firstName": "Fname5", "lastnName": "lastnName5" },
{ "firstName": "Fname6", "lastnName": "lastnName6" },
];
$.each(employees, function(index, employee) {
if(index >0 && (index + 1) % 5 == 0){
$('#employeeList').append('<div class="green"><li>'+
'<p class="line1">' + employee.firstName + '</p>' +
'<p class="line2">' + employee.lastnName +'</p>' +
'</li></div>');
}else{
$('#employeeList').append('<li>'+
'<p class="line1">' + employee.firstName + '</p>' +
'<p class="line2">' + employee.lastnName +'</p>' +
'</li>');
}
});
.green{ background-color:green; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="employeeList"> </div>
用于值
index >0 and (index+1) % == 0 (as index starts with '0')
这里是小提琴。我已经测试了json键值对并实现了它。
以上是关于使用jquery从数据库中获得5个结果后,如何附加div?]的主要内容,如果未能解决你的问题,请参考以下文章
JavaScript 使用jquery从Tumblr API获得最新的5个标题
如何从 jQuery Datatable 中获取过滤后的数据结果集